X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fmenu%2Fmenu.component.scss;h=c36a7aa36c89590780d9f2bf9c6a96eb88c3fbab;hb=742ccef0b515ca8cc2152d393d7feb9f773f0aae;hp=1f3c889cf88da634ed8776561d9d70c4ef3eb278;hpb=36f9424ff192b0584a433bc196bced6fcf265808;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss
index 1f3c889cf..c36a7aa36 100644
--- a/client/src/app/menu/menu.component.scss
+++ b/client/src/app/menu/menu.component.scss
@@ -91,22 +91,27 @@ menu {
     font-weight: $font-bold; // Bold
     font-size: 13px;
     margin-bottom: 25px;
+    margin-left: 26px;
   }
 
   .panel-block {
     margin-bottom: 45px;
-    margin-left: 26px;
 
     a {
       display: flex;
+      align-items: center;
+      padding-left: 26px;
       color: $menu-color;
       cursor: pointer;
-      height: 22px;
-      line-height: 22px;
+      height: 40px;
       font-size: 16px;
-      margin-bottom: 15px;
+      transition: background-color .1s ease-in-out;
       @include disable-default-a-behaviour;
 
+      &:hover {
+        background-color: rgba(255, 255, 255, 0.15);
+      }
+
       .icon {
         @include icon(22px);
 
@@ -126,6 +131,14 @@ menu {
           background-image: url('../../assets/images/menu/recently-added.svg');
         }
 
+        &.icon-videos-local {
+          width: 23px;
+          height: 23px;
+          position: relative;
+          top: -1px;
+          background-image: url('../../assets/images/menu/home.svg');
+        }
+
         &.icon-administration {
           width: 23px;
           height: 23px;