From 14eb243f2db712c8d66a0bfd2fe52eb5e651704c 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 e7e3a227b7..0cf36215a5 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -4710,10 +4710,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;
@@ -6550,6 +6546,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;
@@ -6608,7 +6605,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;
@@ -6616,9 +6613,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;
@@ -7009,10 +7010,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 3b39e8f663..e797753352 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -4721,10 +4721,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;
@@ -6561,6 +6557,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;
@@ -6619,7 +6616,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;
@@ -6627,9 +6624,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;
@@ -7020,10 +7021,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;