From 4a8cdd5e90dc5a03c8b9463b01d7978f4efe48b7 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Fri, 27 Sep 2019 12:23:52 +0200
Subject: [PATCH] Apply some fine alignments on sidebar menu items

---
 pixelegg/css/mobile.css                  | 11 +++++------
 pixelegg/css/monochrome.css              | 11 +++++------
 pixelegg/css/pixelegg.css                | 11 +++++------
 pixelegg/less/etemplate2.less            |  2 +-
 pixelegg/less/layout_raster_sidebar.less |  9 ++++-----
 pixelegg/mobile/fw_mobile.css            | 11 +++++------
 6 files changed, 25 insertions(+), 30 deletions(-)

diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index c1a0167472..870ccda52a 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -785,7 +785,7 @@
   }
   .sidebox-favorites ul.favorites li.ui-menu-item a {
     line-height: inherit;
-    padding: 2px 0px;
+    padding: 2px 3px;
   }
   .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart {
     background-image: url(../images/favorites.svg);
@@ -4470,7 +4470,7 @@ td.message span.message {
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category {
   margin: 4px 5px 5px 5px;
-  padding: 0.5em 1em 0.5em 0;
+  padding: 2px 0 2px 0;
   cursor: pointer;
   border-color: #B4B4B4;
   background-color: #E6E6E6;
@@ -4478,7 +4478,7 @@ td.message span.message {
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1 {
   margin: 5px 0px 3px 5px;
-  padding: 0px 0px 0px 15px;
+  padding: 0px 0px 0px 24px;
   line-height: 1em;
   font-size: 12px;
   background-image: url(../images/arrow_right.png);
@@ -4490,7 +4490,6 @@ td.message span.message {
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category:hover {
   background-color: #999999;
-  padding: 0.5em 1em 0.5em 0;
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active {
   border-bottom-width: 0px;
@@ -4771,7 +4770,7 @@ td.message span.message {
   width: 12px;
   height: 12px;
   padding: 0px;
-  margin: 0px 5px;
+  margin: 0px 6px;
   float: left;
 }
 .egw_fw_ui_sidemenu_listitem input {
@@ -4793,7 +4792,7 @@ td.message span.message {
   float: right;
 }
 .egw_fw_ui_sidemenu_listitem a {
-  padding: 5px 0px 5px 5px;
+  padding: 5px 0px 5px 6px;
   text-decoration: none;
   min-width: 5em;
   vertical-align: bottom;
diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css
index 82d3565b3a..cd592384a7 100644
--- a/pixelegg/css/monochrome.css
+++ b/pixelegg/css/monochrome.css
@@ -774,7 +774,7 @@
   }
   .sidebox-favorites ul.favorites li.ui-menu-item a {
     line-height: inherit;
-    padding: 2px 0px;
+    padding: 2px 3px;
   }
   .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart {
     background-image: url(../images/favorites.svg);
@@ -4459,7 +4459,7 @@ td.message span.message {
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category {
   margin: 4px 5px 5px 5px;
-  padding: 0.5em 1em 0.5em 0;
+  padding: 2px 0 2px 0;
   cursor: pointer;
   border-color: #B4B4B4;
   background-color: #E6E6E6;
@@ -4467,7 +4467,7 @@ td.message span.message {
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1 {
   margin: 5px 0px 3px 5px;
-  padding: 0px 0px 0px 15px;
+  padding: 0px 0px 0px 24px;
   line-height: 1em;
   font-size: 12px;
   background-image: url(../images/arrow_right.png);
@@ -4479,7 +4479,6 @@ td.message span.message {
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category:hover {
   background-color: #999999;
-  padding: 0.5em 1em 0.5em 0;
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active {
   border-bottom-width: 0px;
@@ -4760,7 +4759,7 @@ td.message span.message {
   width: 12px;
   height: 12px;
   padding: 0px;
-  margin: 0px 5px;
+  margin: 0px 6px;
   float: left;
 }
 .egw_fw_ui_sidemenu_listitem input {
@@ -4782,7 +4781,7 @@ td.message span.message {
   float: right;
 }
 .egw_fw_ui_sidemenu_listitem a {
-  padding: 5px 0px 5px 5px;
+  padding: 5px 0px 5px 6px;
   text-decoration: none;
   min-width: 5em;
   vertical-align: bottom;
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index bd82272086..24d7ab3266 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -785,7 +785,7 @@
   }
   .sidebox-favorites ul.favorites li.ui-menu-item a {
     line-height: inherit;
-    padding: 2px 0px;
+    padding: 2px 3px;
   }
   .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart {
     background-image: url(../images/favorites.svg);
@@ -4470,7 +4470,7 @@ td.message span.message {
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category {
   margin: 4px 5px 5px 5px;
-  padding: 0.5em 1em 0.5em 0;
+  padding: 2px 0 2px 0;
   cursor: pointer;
   border-color: #B4B4B4;
   background-color: #E6E6E6;
@@ -4478,7 +4478,7 @@ td.message span.message {
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1 {
   margin: 5px 0px 3px 5px;
-  padding: 0px 0px 0px 15px;
+  padding: 0px 0px 0px 24px;
   line-height: 1em;
   font-size: 12px;
   background-image: url(../images/arrow_right.png);
@@ -4490,7 +4490,6 @@ td.message span.message {
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category:hover {
   background-color: #999999;
-  padding: 0.5em 1em 0.5em 0;
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active {
   border-bottom-width: 0px;
@@ -4771,7 +4770,7 @@ td.message span.message {
   width: 12px;
   height: 12px;
   padding: 0px;
-  margin: 0px 5px;
+  margin: 0px 6px;
   float: left;
 }
 .egw_fw_ui_sidemenu_listitem input {
@@ -4793,7 +4792,7 @@ td.message span.message {
   float: right;
 }
 .egw_fw_ui_sidemenu_listitem a {
-  padding: 5px 0px 5px 5px;
+  padding: 5px 0px 5px 6px;
   text-decoration: none;
   min-width: 5em;
   vertical-align: bottom;
diff --git a/pixelegg/less/etemplate2.less b/pixelegg/less/etemplate2.less
index ae21923d92..f8383fc35f 100755
--- a/pixelegg/less/etemplate2.less
+++ b/pixelegg/less/etemplate2.less
@@ -750,7 +750,7 @@ div.header_row_right{
 
 			a {
 				line-height: inherit;
-				padding: 2px 0px;
+				padding: 2px 3px;
 				// Heart
 				div.ui-icon-heart {background-image: url(../images/favorites.svg); background-size: 12px 12px;background-position: 0 0;margin-right:9px;margin-left:2px;}
 				// Bulltpoints
diff --git a/pixelegg/less/layout_raster_sidebar.less b/pixelegg/less/layout_raster_sidebar.less
index 455a3f6b4c..4220e46e21 100644
--- a/pixelegg/less/layout_raster_sidebar.less
+++ b/pixelegg/less/layout_raster_sidebar.less
@@ -188,7 +188,7 @@
                 // Normal
                 .egw_fw_ui_category {
                     margin: 4px 5px 5px 5px;
-                    padding: 0.5em 1em 0.5em 0;
+                    padding: 2px 0 2px 0;
                     cursor: pointer;
                     //																												border-top: 7px solid;
                     border-color: @gray_30;
@@ -198,7 +198,7 @@
 
                     h1 {
                         margin: 5px 0px 3px 5px;
-                        padding: 0px 0px 0px 15px;
+                        padding: 0px 0px 0px 24px;
                         line-height: 1em;
                         .fontsize_l;
                         background-image:url(../images/arrow_right.png);
@@ -219,7 +219,6 @@
                 // on Mouse over change color
                 .egw_fw_ui_category:hover {
                     .background_color_40_gray;
-                    padding: 0.5em 1em 0.5em 0;
                 }
 
 
@@ -582,7 +581,7 @@
         /*display: none;*/
         .dimension_width_height_xs;
         padding: 0px;
-        margin: 0px 5px;
+        margin: 0px 6px;
         float: left;
 
     }
@@ -611,7 +610,7 @@
     // normale Links
     a {
         // .Complete_Button_text;
-        padding: 5px 0px 5px 5px;
+        padding: 5px 0px 5px 6px;
         text-decoration: none;
         min-width: 5em;
         vertical-align: bottom;
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 5742a21fe7..d1fbad8303 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -796,7 +796,7 @@
   }
   .sidebox-favorites ul.favorites li.ui-menu-item a {
     line-height: inherit;
-    padding: 2px 0px;
+    padding: 2px 3px;
   }
   .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart {
     background-image: url(../images/favorites.svg);
@@ -4481,7 +4481,7 @@ td.message span.message {
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category {
   margin: 4px 5px 5px 5px;
-  padding: 0.5em 1em 0.5em 0;
+  padding: 2px 0 2px 0;
   cursor: pointer;
   border-color: #B4B4B4;
   background-color: #E6E6E6;
@@ -4489,7 +4489,7 @@ td.message span.message {
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1 {
   margin: 5px 0px 3px 5px;
-  padding: 0px 0px 0px 15px;
+  padding: 0px 0px 0px 24px;
   line-height: 1em;
   font-size: 12px;
   background-image: url(../images/arrow_right.png);
@@ -4501,7 +4501,6 @@ td.message span.message {
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category:hover {
   background-color: #999999;
-  padding: 0.5em 1em 0.5em 0;
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active {
   border-bottom-width: 0px;
@@ -4782,7 +4781,7 @@ td.message span.message {
   width: 12px;
   height: 12px;
   padding: 0px;
-  margin: 0px 5px;
+  margin: 0px 6px;
   float: left;
 }
 .egw_fw_ui_sidemenu_listitem input {
@@ -4804,7 +4803,7 @@ td.message span.message {
   float: right;
 }
 .egw_fw_ui_sidemenu_listitem a {
-  padding: 5px 0px 5px 5px;
+  padding: 5px 0px 5px 6px;
   text-decoration: none;
   min-width: 5em;
   vertical-align: bottom;