From b46eaaee5dc3eeef3315e2154ec73cae88e2698d Mon Sep 17 00:00:00 2001
From: opnsenseuser <rene@team-rebellion.net>
Date: Sat, 3 Nov 2018 08:23:05 +0100
Subject: [PATCH] opnsense theme - sidebar - cut off modification fix

@fichtner opnsense theme - sidebar - cut off modification fix
---
 .../opnsense/assets/stylesheets/main.scss     | 37 +++++++++++--------
 .../www/themes/opnsense/build/css/main.css    |  7 +++-
 2 files changed, 28 insertions(+), 16 deletions(-)

diff --git a/src/opnsense/www/themes/opnsense/assets/stylesheets/main.scss b/src/opnsense/www/themes/opnsense/assets/stylesheets/main.scss
index 4f4a21827..9a8a1afe7 100644
--- a/src/opnsense/www/themes/opnsense/assets/stylesheets/main.scss
+++ b/src/opnsense/www/themes/opnsense/assets/stylesheets/main.scss
@@ -438,28 +438,35 @@ main.page-content.col-lg-12 {
           padding-left: 10px !important;
           font-size: 14px !important;
         }
-        &.collapse.in {
-          width: 168px;
-          font-size: 14px;
-          z-index: 10;
-          position: absolute;
-          left: 70px;
-          margin-top: -70px;
-          border: 1px solid #eaeaea;
-          -webkit-box-shadow: 2px 2px 1px 0px rgba(234, 234, 234, 0.5);
-          -moz-box-shadow: 2px 2px 1px 0px rgba(234, 234, 234, 0.5);
-          box-shadow: 2px 2px 1px 0px rgba(234, 234, 234, 0.5);
-          > div.collapse.in {
+        &.collapse {
+          > {
+            a.list-group-item, div.collapse > a.list-group-item {
+              padding: 3px 8px !important;
+            }
+          }
+          &.in {
             width: 168px;
             font-size: 14px;
             z-index: 10;
             position: absolute;
-            left: 166px;
-            margin-top: -32px;
+            left: 70px;
+            margin-top: -70px;
             border: 1px solid #eaeaea;
             -webkit-box-shadow: 2px 2px 1px 0px rgba(234, 234, 234, 0.5);
             -moz-box-shadow: 2px 2px 1px 0px rgba(234, 234, 234, 0.5);
             box-shadow: 2px 2px 1px 0px rgba(234, 234, 234, 0.5);
+            > div.collapse.in {
+              width: 168px;
+              font-size: 14px;
+              z-index: 10;
+              position: absolute;
+              left: 166px;
+              margin-top: -26px;
+              border: 1px solid #eaeaea;
+              -webkit-box-shadow: 2px 2px 1px 0px rgba(234, 234, 234, 0.5);
+              -moz-box-shadow: 2px 2px 1px 0px rgba(234, 234, 234, 0.5);
+              box-shadow: 2px 2px 1px 0px rgba(234, 234, 234, 0.5);
+            }
           }
         }
         &.collapsing, &.collapse.in > div.collapsing {
@@ -477,7 +484,7 @@ button.toggle-sidebar {
   border: none;
   margin-top: 18px;
   float: left;
-  outline:none;
+  outline: none;
 }
 
 /* COLLAPSE SIDEBAR END*/
diff --git a/src/opnsense/www/themes/opnsense/build/css/main.css b/src/opnsense/www/themes/opnsense/build/css/main.css
index 5f381921b..4c44ad1d6 100644
--- a/src/opnsense/www/themes/opnsense/build/css/main.css
+++ b/src/opnsense/www/themes/opnsense/build/css/main.css
@@ -7165,6 +7165,11 @@ main.page-content.col-lg-12 {
   font-size: 14px !important;
 }
 
+#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > a.list-group-item,
+#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > div.collapse > a.list-group-item {
+  padding: 3px 8px !important;
+}
+
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in {
   width: 168px;
   font-size: 14px;
@@ -7184,7 +7189,7 @@ main.page-content.col-lg-12 {
   z-index: 10;
   position: absolute;
   left: 166px;
-  margin-top: -32px;
+  margin-top: -26px;
   border: 1px solid #eaeaea;
   -webkit-box-shadow: 2px 2px 1px 0px rgba(234, 234, 234, 0.5);
   -moz-box-shadow: 2px 2px 1px 0px rgba(234, 234, 234, 0.5);