1 files changed, 7 insertions, 7 deletions

diff --git a/client/src/app/app.component.html b/client/src/app/app.component.html
index ab8e0c283..0311179a8 100644
--- a/client/src/app/app.component.html
+++ b/client/src/app/app.component.html
@@ -13,10 +13,10 @@
 
   <div class="row">
 
-    <menu class="col-md-2 col-xs-3">
+    <menu class="col-md-2 col-sm-3 col-xs-3">
       <div class="panel-block">
         <div id="panel-user-login" class="panel-button">
-          <span class="glyphicon glyphicon-user"></span>
+          <span class="hidden-xs glyphicon glyphicon-user"></span>
           <a *ngIf="!isLoggedIn" [routerLink]="['/login']">Login</a>
           <a *ngIf="isLoggedIn" (click)="logout()">Logout</a>
         </div>
@@ -24,30 +24,30 @@
 
       <div class="panel-block">
         <div id="panel-get-videos" class="panel-button">
-          <span class="glyphicon glyphicon-list"></span>
+          <span class="hidden-xs glyphicon glyphicon-list"></span>
           <a [routerLink]="['/videos/list']">Get videos</a>
         </div>
 
         <div id="panel-upload-video" class="panel-button" *ngIf="isLoggedIn">
-          <span class="glyphicon glyphicon-cloud-upload"></span>
+          <span class="hidden-xs glyphicon glyphicon-cloud-upload"></span>
           <a [routerLink]="['/videos/add']">Upload a video</a>
         </div>
       </div>
 
       <div class="panel-block" *ngIf="isLoggedIn">
         <div id="panel-make-friends" class="panel-button">
-          <span class="glyphicon glyphicon-cloud"></span>
+          <span class="hidden-xs glyphicon glyphicon-cloud"></span>
           <a (click)='makeFriends()'>Make friends</a>
         </div>
 
         <div id="panel-quit-friends" class="panel-button">
-          <span class="glyphicon glyphicon-plane"></span>
+          <span class="hidden-xs glyphicon glyphicon-plane"></span>
           <a (click)='quitFriends()'>Quit friends</a>
         </div>
       </div>
     </menu>
 
-    <div class="col-md-9 col-xs-8 router-outler-container">
+    <div class="col-md-9 col-sm-8 col-xs-8 router-outlet-container">
       <router-outlet></router-outlet>
     </div>