From cf8fbf4a5818480d1035ffeb141053f04238e392 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Thu, 8 Mar 2018 10:45:14 +0100
Subject: [PATCH] Some styling adjustments for mobile theme

---
 pixelegg/css/mobile.css       | 21 +++++++++------------
 pixelegg/css/mobile.less      | 14 ++++++++------
 pixelegg/mobile/fw_mobile.css | 21 +++++++++------------
 3 files changed, 26 insertions(+), 30 deletions(-)

diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 9823d003be..191ef16dd9 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -4740,10 +4740,6 @@ td.message span.message {
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content_bottom {
   border-width: 0px 1px 1px 1px;
 }
-#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_bottom {
-  border-width: 0px;
-  border-color: #FFFFFF;
-}
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_icon {
   display: inline-block;
   height: 24px;
@@ -6580,6 +6576,7 @@ span.egw_tutorial_title {
   body #egw_fw_basecontainer div#egw_fw_topmenu_items {
     width: 100%;
     display: block;
+    padding-top: 10px;
   }
   body #egw_fw_basecontainer div#egw_fw_topmenu_items ul {
     display: inline-block;
@@ -6638,7 +6635,7 @@ span.egw_tutorial_title {
     background-image: url(../images/topmenu_items/mobile/search.png);
   }
   body #egw_fw_basecontainer #egw_fw_userinfo {
-    height: 60px;
+    height: 50px;
     z-index: 1000;
     display: inline-block;
     float: right;
@@ -6646,9 +6643,13 @@ span.egw_tutorial_title {
   body #egw_fw_basecontainer #egw_fw_userinfo span.avatar {
     display: inline-block;
     float: left;
-    height: 45px;
-    width: 45px;
-    margin-top: 1px;
+    height: 35px;
+    width: 35px;
+    margin: 7px;
+    cursor: pointer;
+  }
+  body #egw_fw_basecontainer #egw_fw_userinfo span.avatar img {
+    width: 35px;
   }
   body #egw_fw_basecontainer #egw_fw_userinfo span.user {
     display: inline-block;
@@ -7039,10 +7040,6 @@ span.egw_tutorial_title {
   body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content_bottom {
     border-width: 0px 1px 1px 1px;
   }
-  body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_bottom {
-    border-width: 0px;
-    border-color: #FFFFFF;
-  }
   body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_icon {
     display: inline-block;
     height: 24px;
diff --git a/pixelegg/css/mobile.less b/pixelegg/css/mobile.less
index c2598bc8bc..7d008f12af 100644
--- a/pixelegg/css/mobile.less
+++ b/pixelegg/css/mobile.less
@@ -232,6 +232,7 @@
 			div#egw_fw_topmenu_items{
 				width: 100%;
 				display: block;
+				padding-top:10px;
 				ul{
 
 					display:inline-block;
@@ -288,16 +289,18 @@
 				}
 			}
 			#egw_fw_userinfo {
-				height:60px;
+				height:50px;
 				z-index:1000;
 				display: inline-block;
 				float:right;
 				span.avatar {
 					display: inline-block;
 					float:left;
-					height: 45px;
-					width: 45px;
-					margin-top: 1px;
+					height: 35px;
+					width: 35px;
+					margin: 7px;
+					cursor: pointer;
+					img {width:35px}
 				}
 				span.user {
 					display: inline-block;
@@ -660,8 +663,7 @@
 					border-width: 0px 1px 1px 1px;
 				}
 				.egw_fw_ui_sidemenu_entry_header_bottom {
-					border-width: 0px;
-					border-color: @gray_0;
+
 				}
 
 				.egw_fw_ui_sidemenu_entry_icon {
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index be1031dd98..69aa37c226 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -4751,10 +4751,6 @@ td.message span.message {
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content_bottom {
   border-width: 0px 1px 1px 1px;
 }
-#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_bottom {
-  border-width: 0px;
-  border-color: #FFFFFF;
-}
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_icon {
   display: inline-block;
   height: 24px;
@@ -6591,6 +6587,7 @@ span.egw_tutorial_title {
   body #egw_fw_basecontainer div#egw_fw_topmenu_items {
     width: 100%;
     display: block;
+    padding-top: 10px;
   }
   body #egw_fw_basecontainer div#egw_fw_topmenu_items ul {
     display: inline-block;
@@ -6649,7 +6646,7 @@ span.egw_tutorial_title {
     background-image: url(../images/topmenu_items/mobile/search.png);
   }
   body #egw_fw_basecontainer #egw_fw_userinfo {
-    height: 60px;
+    height: 50px;
     z-index: 1000;
     display: inline-block;
     float: right;
@@ -6657,9 +6654,13 @@ span.egw_tutorial_title {
   body #egw_fw_basecontainer #egw_fw_userinfo span.avatar {
     display: inline-block;
     float: left;
-    height: 45px;
-    width: 45px;
-    margin-top: 1px;
+    height: 35px;
+    width: 35px;
+    margin: 7px;
+    cursor: pointer;
+  }
+  body #egw_fw_basecontainer #egw_fw_userinfo span.avatar img {
+    width: 35px;
   }
   body #egw_fw_basecontainer #egw_fw_userinfo span.user {
     display: inline-block;
@@ -7050,10 +7051,6 @@ span.egw_tutorial_title {
   body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content_bottom {
     border-width: 0px 1px 1px 1px;
   }
-  body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_bottom {
-    border-width: 0px;
-    border-color: #FFFFFF;
-  }
   body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_icon {
     display: inline-block;
     height: 24px;