Some cleaning, textbox fixed in a mobile view, changed buttons and fonts in a mobile view

labs/meteor-client/app/client/stylesheets/chat.less

@@ -150,11 +150,11 @@
   }
   @media @mobile-portrait {
     font-size: 3vh;
-    height: 40%;
+    height: 6vh;
   }
   @media @mobile-portrait-with-keyboard {
-    font-size: 4vh;
-    height: 60%;
+    font-size: 4.5vh;
+    height: 25vh;
   }
   @media @desktop-portrait {
     font-size: 25px;
@@ -204,8 +204,8 @@
   {
      @media @mobile-portrait-with-keyboard, @mobile-portrait
      {
-       height: 60px;
-       font-size: 45px;
+       height: 4vh;
+       font-size: 3vh;
      }
   }
 }
@@ -213,25 +213,32 @@
 #sendMessageButton {
   background-color: extract(@azure, 1);
   width: 20%;
-  margin-left: 5%;
   color: extract(@white, 1);
-  @media @mobile-portrait-with-keyboard,
-    @desktop-portrait,
-    @mobile-portrait {
+  @media @desktop-portrait {
     width: 100px;
     font-size: 30px;
-  }
-  @media @mobile-portrait-with-keyboard, @mobile-portrait {
     height: 60px;
+    margin-left: 5%;
   }
-  @media @desktop-portrait {
-    height: 60px;
+  @media @mobile-portrait {
+    width: 15vw;
+    height: 6vh;
+    font-size: 3vh;
+    margin-left: 5%;
   }
-  @media @landscape {
-    height: 40px;
+  @media @mobile-portrait-with-keyboard {
+    width: 19vw;
+    height: 21vh;
+    font-size: 3vh;
+    margin-left: 1%;
+    margin-right: 1%;
+    marigin-top: 2vh;
+    margin-bottom: 2vh;
   }
   @media @landscape {
+    height: 40px;
     padding: 0px;
+    margin-left: 5%;
   }
 }
 

labs/meteor-client/app/client/stylesheets/users.less

@@ -5,7 +5,7 @@
   overflow: hidden;
   width: 100%;
   @media @mobile-portrait, @mobile-portrait-with-keyboard {
-    background: #efeaea;
+    background: #E6F0FA;
   }
 }
 
@@ -18,8 +18,8 @@
     @media @desktop-portrait {
       font-size: 25px;
     }
-    @media @mobile-portrait {
-      font-size: 5vh;
+    @media @mobile-portrait, @mobile-portrait-with-keyboard{
+      font-size: 3vh;
     }
   }
   .raisedHandIcon, .muteIcon {
@@ -46,7 +46,7 @@
     font-size: 2vh;
   }
   @media @mobile-portrait, @mobile-portrait-with-keyboard {
-    font-size: 4vh;
+    font-size: 3vh;
   }
 }