3 files changed, 14 insertions, 3 deletions

diff --git a/client/src/app/core/menu/menu-admin.component.ts b/client/src/app/core/menu/menu-admin.component.ts
index a3d920fdd..236161fce 100644
--- a/client/src/app/core/menu/menu-admin.component.ts
+++ b/client/src/app/core/menu/menu-admin.component.ts
@@ -3,6 +3,6 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'my-menu-admin',
   templateUrl: './menu-admin.component.html',
-  styleUrls: [ './menu-admin.component.scss' ]
+  styleUrls: [ './menu.component.scss' ]
 })
 export class MenuAdminComponent { }
diff --git a/client/src/app/core/menu/menu-admin.component.scss b/client/src/app/core/menu/menu.component.scss
index 5881475f1..38a6b95b6 100644
--- a/client/src/app/core/menu/menu-admin.component.scss
+++ b/client/src/app/core/menu/menu.component.scss
@@ -1,8 +1,19 @@
 menu {
   background-color: $black-background;
-  padding: 25px;
+  padding: 15px;
   margin: 0;
   height: 100%;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+
+  @media screen and (max-width: 550px) {
+    font-size: 90%;
+  }
+
+  @media screen and (min-width: 1200px) {
+    padding: 25px;
+  }
 
   .panel-block {
     margin-bottom: 15px;
diff --git a/client/src/app/core/menu/menu.component.ts b/client/src/app/core/menu/menu.component.ts
index e2b998747..5ab8bf464 100644
--- a/client/src/app/core/menu/menu.component.ts
+++ b/client/src/app/core/menu/menu.component.ts
@@ -7,7 +7,7 @@ import { ConfigService } from '../config';
 @Component({
   selector: 'my-menu',
   templateUrl: './menu.component.html',
-  styleUrls: [ './menu-admin.component.scss' ]
+  styleUrls: [ './menu.component.scss' ]
 })
 export class MenuComponent implements OnInit {
   isLoggedIn: boolean;