styled message-block margin for smaller screens

web/style.css

@@ -13,6 +13,7 @@ body{
   padding:20px;
 }
 
+
 /* resize images on mobile */
 @media all and (max-width: 768px) {
 
@@ -55,7 +56,7 @@ body{
     right:20px;
     text-align: right;
     padding: 0px;
-  margin-top:-60px;
+    margin-top:-50px;
     -moz-box-shadow:0 0 23px #bbb;
     -webkit-box-shadow:0 0 23px #bbb;
     box-shadow:0 0 23px #bbb;
@@ -72,8 +73,7 @@ body{
     border-bottom-right-radius:123px;
     border-bottom-left-radius:123px;
     background:#fff;
-
+  }
-}
 
 }
 
@@ -150,7 +150,7 @@ img.photo-message{
   border-bottom-left-radius:123px;
   background:#fff;
 
-}
+  }
 }
 
 
@@ -161,15 +161,15 @@ img.emo {
 }
 
 p.text-message{
-padding: 30px;
+  padding: 30px;
-padding-top: 40px;
+  padding-top: 50px;
 }
 
 #input-footer{
-position: fixed;
+  position: fixed;
-top:0px;
+  top:0px;
-width:100%;
+  width:100%;
-margin:10px;
+  margin:10px;
 }
 
 
@@ -437,7 +437,7 @@ hr{
   margin: 0;
 }
 .messages .message-block {
-  margin:30px;
+  margin-top:30px;
   word-wrap:break-word;
   overflow: visible;
   -moz-box-shadow:0 0 23px #bbb;
@@ -509,6 +509,7 @@ hr{
   border-bottom-left-radius:123px;
   background:#fff;
 }
+
 #outbox{
   display:none;
 }