From a8535433b52475cf0754f99c34f0eeed7d3293d6 Mon Sep 17 00:00:00 2001
From: dennisdebel <dennisdebel@gmail.com>
Date: Wed, 20 May 2015 18:28:52 +0200
Subject: [PATCH] resize photos

---
 web/style.css | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/web/style.css b/web/style.css
index 8089d4c..cd09de3 100755
--- a/web/style.css
+++ b/web/style.css
@@ -13,6 +13,39 @@ body{
   padding:20px;
 }
 
+/* resize images on mobile */
+@media all and (max-width: 768px) {
+  img.photo-message{
+    width:100%;
+    /* disable anti aliasing */
+    image-rendering: optimizeSpeed;
+    image-rendering: -moz-crisp-edges;
+    image-rendering: -o-crisp-edges;
+    image-rendering: -webkit-optimize-contrast;
+    image-rendering: pixelated;
+    image-rendering: optimize-contrast;
+    -ms-interpolation-mode: nearest-neighbor;
+  }
+}
+
+/* resize images on mobile */
+@media all and (min-width: 768px) {
+  img.photo-message{
+    width:50%;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    /* disable anti aliasing */
+    image-rendering: optimizeSpeed;
+    image-rendering: -moz-crisp-edges;
+    image-rendering: -o-crisp-edges;
+    image-rendering: -webkit-optimize-contrast;
+    image-rendering: pixelated;
+    image-rendering: optimize-contrast;
+    -ms-interpolation-mode: nearest-neighbor;
+  }
+}
+
 img.photo-message{
   /* disable anti aliasing */
   image-rendering: optimizeSpeed;
@@ -23,6 +56,7 @@ img.photo-message{
   image-rendering: optimize-contrast;
   -ms-interpolation-mode: nearest-neighbor;
 }
+
 img.emo {
   width: 22px;
   height: 22px;