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,7 +73,6 @@ body{
     border-bottom-right-radius:123px;
     border-bottom-left-radius:123px;
     background:#fff;
-
   }
 
 }
@@ -162,7 +162,7 @@ img.emo {
 
 p.text-message{
   padding: 30px;
-padding-top: 40px;
+  padding-top: 50px;
 }
 
 #input-footer{
@@ -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;
 }