X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fmenu%2Fmenu.component.scss;h=2963d4d1918333392987317295fdde9ab6fc1750;hb=eb7c7a517902eae425b05d1ca9cb7f99f76ee71f;hp=06baa52d371d3e6d5ac246a506702413ac951934;hpb=b91bc1d1f3591c35ab4426f6ab594b4bd9f1ef62;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss
index 06baa52d3..2963d4d19 100644
--- a/client/src/app/menu/menu.component.scss
+++ b/client/src/app/menu/menu.component.scss
@@ -16,7 +16,7 @@ menu {
   margin: 0;
   padding: 0;
   height: 100%;
-  overflow: auto;
+  overflow-x: hidden;
   color: var(--menuForegroundColor);
   display: flex;
   flex-direction: column;
@@ -69,6 +69,7 @@ menu {
         font-size: 13px;
         color: #C6C6C6;
         max-width: 140px;
+        cursor: pointer;
       }
     }
 
@@ -82,7 +83,7 @@ menu {
           border: none;
         }
 
-        /deep/ {
+        ::ng-deep {
           @include apply-svg-color(var(--menuForegroundColor));
         }
       }
@@ -144,15 +145,19 @@ menu {
     margin-bottom: 45px;
 
     a {
+      @include disable-default-a-behaviour;
+
       display: flex;
       align-items: center;
       padding-left: $menu-lateral-padding;
       color: var(--menuForegroundColor);
       cursor: pointer;
-      height: 40px;
+      min-height: 40px;
       font-size: 16px;
       transition: background-color .1s ease-in-out;
-      @include disable-default-a-behaviour;
+      white-space: normal;
+      word-break: break-word;
+      padding-right: 20px;
 
       &.active {
         background-color: rgba(255, 255, 255, 0.15);