Update mobile top values.

src/styles/components/_buddylist.scss

@@ -26,6 +26,9 @@
   top: 0;
   width: 285px;
   z-index: 50;
+  @include breakpt($breakpoint-medium) {
+    top: $mobile-buddylist-top;
+  }
 }
 
 #buddylist:before {

src/styles/components/_chat.scss

@@ -28,6 +28,9 @@
   top: 0px;
   width: 260px;
   z-index: 45;
+  @include breakpt($breakpoint-medium) {
+    top: $mobile-chat-top;
+  }
 }
 
 .withChat {

src/styles/components/_settings.scss

@@ -29,6 +29,9 @@
   transition: right 200ms ease-in-out;
   width: 520px;
   z-index: 50;
+  @include breakpt($breakpoint-medium) {
+    top: $mobile-settings-top;
+  }
 }
 
 #settings.show {

src/styles/global/_variables.scss

@@ -92,6 +92,7 @@ $buddylist-tab-background: $componentbg !default;
 $buddylist-action-background: rgba(255,255,255,0.5) !default;
 $buddylist-buddy1: $componentfg1 !default;
 $buddylist-buddy2: $componentfg2 !default;
+$mobile-buddylist-top: 48px !default;
 
 // chat
 $chat-background: #e7e7e7 !default;
@@ -126,6 +127,8 @@ $chat-bottom-background: $chat-background !default;
 $chat-typing: $chat-meta !default;
 $chat-input-border-color: #66afe9 !default;
 
+$mobile-chat-top: $mobile-buddylist-top;
+
 // fileinfo
 $fileinfo-background: white !default;
 $fileinfo-border: #ddd !default;
@@ -139,6 +142,7 @@ $fileinfo-icon-background-color-remote: $fileinfo-icon-background-color !default
 $settings-version: #ccc !default;
 $form-help-text: #737373 !default;
 $settings-background: white !default;
+$mobile-settings-top: 153px !default;
 
 // social
 $social-email-color: #aaa !default;