From 5e0bbd49ff76867698fc8e2ac8ca4b87561e462f Mon Sep 17 00:00:00 2001
From: opnsenseuser <remic-webdesign@chello.at>
Date: Tue, 25 Sep 2018 20:28:00 +0200
Subject: [PATCH] font-size and padding-fix

I am currently very satisfied with 13px font size. the readability fits!

(cherry picked from commit 5ede35071c5e1de831fb7910cac04ef26eb67383)
---
 .../cicada/assets/stylesheets/main.scss       | 28 ++++++++--------
 .../www/themes/cicada/build/css/main.css      | 30 ++++++++---------
 .../themes/tukan/assets/stylesheets/main.scss | 28 ++++++++--------
 .../www/themes/tukan/build/css/main.css       | 32 ++++++++++---------
 4 files changed, 60 insertions(+), 58 deletions(-)

diff --git a/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss b/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss
index a29c32e24..b5d2f0afe 100644
--- a/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss
+++ b/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss
@@ -8992,16 +8992,16 @@ main.page-content.col-lg-12 {
     }
     > nav > #mainmenu > div > {
       a.list-group-item {
-        font-size: 12px;
+        font-size: 13px;
         text-align: center;
         > span {
           &.fa, &.glyphicon {
             visibility: visible;
-            font-size: 28px;
+            font-size: 20px;
           }
           &.__iconspacer {
             width: 50px;
-            height: 30px;
+            height: 25px;
             padding: 0px;
           }
         }
@@ -9009,13 +9009,13 @@ main.page-content.col-lg-12 {
         height: 70px;
         padding-left: 0px;
         padding-right: 0px;
-        padding-top: 12px;
+        padding-top: 15px;
         border-bottom: 2px solid #2a2a2a;
       }
       div {
         &.collapsing > a.list-group-item {
           padding-left: 10px !important;
-          font-size: 12px !important;
+          font-size: 13px !important;
           display: block !important;
           position: absolute !important;
           left: 70px !important;
@@ -9023,7 +9023,7 @@ main.page-content.col-lg-12 {
         }
         &.collapse.in > div.collapsing > a.list-group-item {
           padding-left: 10px !important;
-          font-size: 12px !important;
+          font-size: 13px !important;
           display: block !important;
           position: absolute !important;
           left: 148px !important;
@@ -9057,7 +9057,7 @@ a.list-group-item.active-menu-title.collapsed {
         }
         > div.collapse.in > a.list-group-item {
           padding-left: 10px !important;
-          font-size: 12px !important;
+          font-size: 13px !important;
           background-color: #393939e6 !important;
           &.menu-level-3-item.active {
             color: #ec6d12 !important;
@@ -9067,17 +9067,17 @@ a.list-group-item.active-menu-title.collapsed {
       }
       > a.list-group-item {
         padding-left: 10px !important;
-        font-size: 12px !important;
+        font-size: 13px !important;
         background-color: #393939e6 !important;
       }
       > div.collapse > a.list-group-item {
         padding-left: 10px !important;
-        font-size: 12px !important;
+        font-size: 13px !important;
       }
     }
     &.collapsed > a.list-group-item {
       padding-left: 10px !important;
-      font-size: 12px !important;
+      font-size: 13px !important;
     }
     &.collapse.in > a.list-group-item:hover {
       color: #ec6d12 !important;
@@ -9110,7 +9110,7 @@ a.list-group-item:focus {
   }
   &.collapse.in {
     width: 150px;
-    font-size: 12px;
+    font-size: 13px;
     display: block;
     z-index: 10;
     position: absolute;
@@ -9128,7 +9128,7 @@ a.list-group-item:focus {
   }
   &.collapsing {
     width: 0px;
-    font-size: 12px;
+    font-size: 13px;
     position: absolute;
     display: block;
     z-index: 10;
@@ -9142,7 +9142,7 @@ a.list-group-item:focus {
   &.collapse.in > div {
     &.collapse.in {
       width: 150px;
-      font-size: 12px;
+      font-size: 13px;
       display: block;
       z-index: 10;
       position: absolute;
@@ -9159,7 +9159,7 @@ a.list-group-item:focus {
     }
     &.collapsing {
       width: 0px;
-      font-size: 12px;
+      font-size: 13px;
       position: absolute;
       display: block;
       z-index: 10;
diff --git a/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css b/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css
index ce09f0c4f..f61590aaf 100644
--- a/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css
+++ b/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css
@@ -5877,22 +5877,22 @@ main.page-content.col-lg-12 {
 }
 
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item {
-  font-size:12px;
+  font-size:13px;
   text-align:center;
 }
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.fa {
   visibility: visible;
-  font-size:28px;
+  font-size:20px;
 }
 
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.glyphicon {
   visibility: visible;
-  font-size:28px;
+  font-size:20px;
 }
 
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.__iconspacer {
   width:50px;
-  height:30px;
+  height:25px;
   padding:0px;
 }
 
@@ -5901,13 +5901,13 @@ main.page-content.col-lg-12 {
   height: 70px;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top:12px;
+  padding-top:15px;
   border-bottom:2px solid #2a2a2a;
 }
 
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing > a.list-group-item {
   padding-left: 10px !important;
-  font-size: 12px !important;
+  font-size: 13px !important;
   display: block !important;
   position: absolute !important;
   left: 70px !important;
@@ -5916,7 +5916,7 @@ main.page-content.col-lg-12 {
 
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapsing > a.list-group-item {
   padding-left: 10px !important;
-  font-size: 12px !important;
+  font-size: 13px !important;
   display: block !important;
   position: absolute !important;
   left: 148px !important;
@@ -5940,13 +5940,13 @@ main.page-content.col-lg-12 {
 
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > a.list-group-item {
   padding-left: 10px !important;
-  font-size: 12px !important;
+  font-size: 13px !important;
   background-color: #393939e6 !important;
 }
 
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item {
   padding-left: 10px !important;
-  font-size: 12px !important;
+  font-size: 13px !important;
   background-color: #393939e6 !important;
 }
 
@@ -5957,12 +5957,12 @@ main.page-content.col-lg-12 {
 
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > div.collapse > a.list-group-item {
   padding-left: 10px !important;
-  font-size: 12px !important;
+  font-size: 13px !important;
 }
 
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsed > a.list-group-item {
   padding-left: 10px !important;
-  font-size: 12px !important;
+  font-size: 13px !important;
 }
 
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item:hover, a.list-group-item:focus {
@@ -5999,7 +5999,7 @@ main.page-content.col-lg-12 {
 /* Sub Level One */
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in {
   width:150px;
-  font-size:12px;
+  font-size:13px;
   display: block;
   z-index: 10;
   position: absolute;
@@ -6017,7 +6017,7 @@ main.page-content.col-lg-12 {
 
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing {
   width:0px;
-  font-size:12px;
+  font-size:13px;
   position: absolute;
   display: block;
   z-index: 10;
@@ -6032,7 +6032,7 @@ main.page-content.col-lg-12 {
 /* Sub Level Two */
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in {
   width:150px;
-  font-size:12px;
+  font-size:13px;
   display: block;
   z-index: 10;
   position: absolute;
@@ -6050,7 +6050,7 @@ main.page-content.col-lg-12 {
 
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapsing {
   width:0px;
-  font-size:12px;
+  font-size:13px;
   position: absolute;
   display: block;
   z-index: 10;
diff --git a/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss b/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss
index a0122c509..c867211eb 100644
--- a/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss
+++ b/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss
@@ -9036,16 +9036,16 @@ main.page-content.col-lg-12 {
     }
     > nav > #mainmenu > div > {
       a.list-group-item {
-        font-size: 12px;
+        font-size: 13px;
         text-align: center;
         > span {
           &.fa, &.glyphicon {
             visibility: visible;
-            font-size: 28px;
+            font-size: 20px;
           }
           &.__iconspacer {
             width: 50px;
-            height: 30px;
+            height: 25px;
             padding: 0px;
           }
         }
@@ -9053,13 +9053,13 @@ main.page-content.col-lg-12 {
         height: 70px;
         padding-left: 0px;
         padding-right: 0px;
-        padding-top: 12px;
+        padding-top: 15px;
         border-bottom: 2px solid #1b313e;
       }
       div {
         &.collapsing > a.list-group-item {
           padding-left: 10px !important;
-          font-size: 12px !important;
+          font-size: 13px !important;
           display: block !important;
           position: absolute !important;
           left: 70px !important;
@@ -9067,7 +9067,7 @@ main.page-content.col-lg-12 {
         }
         &.collapse.in > div.collapsing > a.list-group-item {
           padding-left: 10px !important;
-          font-size: 12px !important;
+          font-size: 13px !important;
           display: block !important;
           position: absolute !important;
           left: 148px !important;
@@ -9101,7 +9101,7 @@ a.list-group-item.active-menu-title.collapsed {
         }
         > div.collapse.in > a.list-group-item {
           padding-left: 10px !important;
-          font-size: 12px !important;
+          font-size: 13px !important;
           background-color: #294C5FE6 !important;
           &.menu-level-3-item.active {
             color: #000 !important;
@@ -9111,17 +9111,17 @@ a.list-group-item.active-menu-title.collapsed {
       }
       > a.list-group-item {
         padding-left: 10px !important;
-        font-size: 12px !important;
+        font-size: 13px !important;
         background-color: #294C5FE6 !important;
       }
       > div.collapse > a.list-group-item {
         padding-left: 10px !important;
-        font-size: 12px !important;
+        font-size: 13px !important;
       }
     }
     &.collapsed > a.list-group-item {
       padding-left: 10px !important;
-      font-size: 12px !important;
+      font-size: 13px !important;
       background-color: #FFF !important;
     }
     &.collapse.in > a.list-group-item:hover {
@@ -9155,7 +9155,7 @@ a.list-group-item:focus {
   }
   &.collapse.in {
     width: 150px;
-    font-size: 12px;
+    font-size: 13px;
     display: block;
     z-index: 10;
     position: absolute;
@@ -9172,7 +9172,7 @@ a.list-group-item:focus {
   }
   &.collapsing {
     width: 0px;
-    font-size: 12px;
+    font-size: 13px;
     position: absolute;
     display: block;
     z-index: 10;
@@ -9186,7 +9186,7 @@ a.list-group-item:focus {
   &.collapse.in > div {
     &.collapse.in {
       width: 150px;
-      font-size: 12px;
+      font-size: 13px;
       display: block;
       z-index: 10;
       position: absolute;
@@ -9203,7 +9203,7 @@ a.list-group-item:focus {
     }
     &.collapsing {
       width: 0px;
-      font-size: 12px;
+      font-size: 13px;
       position: absolute;
       display: block;
       z-index: 10;
diff --git a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css
index 503485487..8fd827d5d 100644
--- a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css
+++ b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css
@@ -5883,22 +5883,24 @@ main.page-content.col-lg-12 {
 }
 
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item {
-  font-size:12px;
+  font-size:13px;
   text-align:center;
 }
 
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.fa {
   visibility: visible;
-  font-size:28px;
+  font-size:20px;
 }
 
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.glyphicon {
   visibility: visible;
-  font-size:28px;
+  font-size:20px;
 }
 
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.__iconspacer {
-  width:50px; height:30px; padding:0px;
+  width:50px;
+  height:25px;
+  padding:0px;
 }
 
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item {
@@ -5906,13 +5908,13 @@ main.page-content.col-lg-12 {
   height: 70px;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top:12px;
+  padding-top:15px;
   border-bottom:2px solid #1b313e;
 }
 
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing > a.list-group-item {
   padding-left: 10px !important;
-  font-size: 12px !important;
+  font-size: 13px !important;
   display: block !important;
   position: absolute !important;
   left: 70px !important;
@@ -5921,7 +5923,7 @@ main.page-content.col-lg-12 {
 
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapsing > a.list-group-item {
   padding-left: 10px !important;
-  font-size: 12px !important;
+  font-size: 13px !important;
   display: block !important;
   position: absolute !important;
   left: 148px !important;
@@ -5945,13 +5947,13 @@ main.page-content.col-lg-12 {
 
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > a.list-group-item {
   padding-left: 10px !important;
-  font-size: 12px !important;
+  font-size: 13px !important;
   background-color: #294C5FE6 !important;
 }
 
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item {
   padding-left: 10px !important;
-  font-size: 12px !important;
+  font-size: 13px !important;
   background-color: #294C5FE6 !important;
 }
 
@@ -5962,12 +5964,12 @@ main.page-content.col-lg-12 {
 
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > div.collapse > a.list-group-item {
   padding-left: 10px !important;
-  font-size: 12px !important;
+  font-size: 13px !important;
 }
 
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsed > a.list-group-item {
   padding-left: 10px !important;
-  font-size: 12px !important;
+  font-size: 13px !important;
   background-color:#FFF !important;
 }
 
@@ -6005,7 +6007,7 @@ main.page-content.col-lg-12 {
 /* Sub Level One */
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in {
   width:150px;
-  font-size:12px;
+  font-size:13px;
   display: block;
   z-index: 10;
   position: absolute;
@@ -6023,7 +6025,7 @@ main.page-content.col-lg-12 {
 
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing {
   width:0px;
-  font-size:12px;
+  font-size:13px;
   position: absolute;
   display: block;
   z-index: 10;
@@ -6038,7 +6040,7 @@ main.page-content.col-lg-12 {
 /* Sub Level Two */
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in {
   width:150px;
-  font-size:12px;
+  font-size:13px;
   display: block;
   z-index: 10;
   position: absolute;
@@ -6056,7 +6058,7 @@ main.page-content.col-lg-12 {
 
 #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapsing {
   width:0px;
-  font-size:12px;
+  font-size:13px;
   position: absolute;
   display: block;
   z-index: 10;