Mobile theme:

- Implement application selector toggle in sidemenu
- Change applications list style
- Restyle top toolbar and reposition avatar

pixelegg/css/mobile.css

@@ -6038,7 +6038,7 @@ span.egw_tutorial_title {
     position: absolute;
   }
   body #egw_fw_basecontainer #egw_fw_top_toolbar .egw_fw_logout {
-    float: right;
+    display: inline-block;
   }
   body #egw_fw_basecontainer #egw_fw_top_toolbar .egw_fw_logout a#topmenu_logout {
     background-image: url(../images/logout.png);
@@ -6201,14 +6201,16 @@ span.egw_tutorial_title {
     background-position: center;
   }
   body #egw_fw_basecontainer #egw_fw_userinfo {
-    height: 50px;
+    height: 60px;
     z-index: 1000;
     display: inline-block;
-    margin-left: 40%;
   }
   body #egw_fw_basecontainer #egw_fw_userinfo span.avatar {
     display: inline-block;
     float: left;
+    height: 45px;
+    width: 45px;
+    margin-top: 1px;
   }
   body #egw_fw_basecontainer #egw_fw_userinfo span.user {
     display: inline-block;
@@ -6645,8 +6647,9 @@ span.egw_tutorial_title {
     background-image: url(../images/topmenu_items/mobile/menu.png);
   }
   body .sidebar-toggle #egw_fw_top_toolbar #egw_fw_userinfo,
-  body .sidebar-toggle #egw_fw_top_toolbar .egw_fw_logout {
+  body .sidebar-toggle #egw_fw_top_toolbar .egw_fw_logout,
-    display: none;
+  body .sidebar-toggle #egw_fw_top_toolbar #egw_fw_appsToggle {
+    display: none !important;
   }
   body .sidebar-toggle #egw_fw_sidebar {
     top: 70px;

pixelegg/css/mobile.less

@@ -151,7 +151,7 @@
 				width:300px;
 				position:absolute;
 				.egw_fw_logout {
-					float:right;
+					display:inline-block;
 					a#topmenu_logout{
 						background-image: url(../images/logout.png);
 						background-repeat: no-repeat;
@@ -330,13 +330,15 @@
 				}
 			}
 			#egw_fw_userinfo {
-				height:50px;
+				height:60px;
 				z-index:1000;
 				display: inline-block;
-				margin-left:40%;
 				span.avatar {
 					display: inline-block;
 					float:left;
+					height: 45px;
+					width: 45px;
+					margin-top: 1px;
 				}
 				span.user {
 					display: inline-block;
@@ -717,11 +719,9 @@
 		//ToggleClass
 
 		.sidebar-toggle{
-			#egw_fw_top_toolbar div#egw_fw_menu{
+			#egw_fw_top_toolbar {
-				background-image:  url(../images/topmenu_items/mobile/menu.png);
+				div#egw_fw_menu {background-image:  url(../images/topmenu_items/mobile/menu.png);}
-			}
+				#egw_fw_userinfo, .egw_fw_logout, #egw_fw_appsToggle {display: none !important;}
-			#egw_fw_top_toolbar #egw_fw_userinfo,#egw_fw_top_toolbar .egw_fw_logout {
-				display: none;
 			}
 			#egw_fw_sidebar{
 				top: 70px;

pixelegg/images/apps.svg

@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<?xml-stylesheet type="text/css" href="../less/svg.css" ?><svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="pixelegg_dots"
+   x="0px"
+   y="0px"
+   width="32px"
+   height="32px"
+   viewBox="0 0 32 32"
+   enable-background="new 0 0 32 32"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="apps_3.svg"><metadata
+     id="metadata4389"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs4387" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1535"
+     inkscape:window-height="876"
+     id="namedview4385"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="13.16348"
+     inkscape:cy="18.28217"
+     inkscape:window-x="65"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="pixelegg_dots"
+     showguides="false" /><circle
+     fill="#696969"
+     stroke="#e6e6e6"
+     stroke-miterlimit="10"
+     cx="16.419"
+     cy="4.306"
+     r="3.458"
+     id="circle4379" /><circle
+     fill="#696969"
+     stroke="#e6e6e6"
+     stroke-miterlimit="10"
+     cx="16.419"
+     cy="15.94"
+     r="3.458"
+     id="circle4381" /><path
+     fill="#696969"
+     stroke="#e6e6e6"
+     stroke-miterlimit="10"
+     d="M19.864,27.721c0,1.911-1.55,3.459-3.459,3.459  c-1.91,0-3.458-1.548-3.458-3.459c0-1.907,1.548-3.457,3.458-3.457C18.314,24.264,19.864,25.813,19.864,27.721z"
+     id="path4383" /><circle
+     style="fill:#696969;stroke:#e6e6e6;stroke-miterlimit:10"
+     stroke-miterlimit="10"
+     cx="27.332001"
+     cy="4.3059998"
+     r="3.4579999"
+     id="circle4379-3" /><circle
+     style="fill:#696969;stroke:#e6e6e6;stroke-miterlimit:10"
+     stroke-miterlimit="10"
+     cx="27.332001"
+     cy="15.939998"
+     r="3.4579999"
+     id="circle4381-3" /><path
+     inkscape:connector-curvature="0"
+     style="fill:#696969;stroke:#e6e6e6;stroke-miterlimit:10"
+     stroke-miterlimit="10"
+     d="m 30.777,27.721 c 0,1.911 -1.55,3.459 -3.459,3.459 -1.91,0 -3.458,-1.548 -3.458,-3.459 0,-1.907 1.548,-3.457 3.458,-3.457 1.909,0 3.459,1.549 3.459,3.457 z"
+     id="path4383-1" /><circle
+     style="fill:#696969;stroke:#e6e6e6;stroke-miterlimit:10"
+     stroke-miterlimit="10"
+     cx="5.1660004"
+     cy="4.3059993"
+     r="3.4579999"
+     id="circle4379-7" /><circle
+     style="fill:#696969;stroke:#e6e6e6;stroke-miterlimit:10"
+     stroke-miterlimit="10"
+     cx="5.1660004"
+     cy="15.94"
+     r="3.4579999"
+     id="circle4381-8" /><path
+     inkscape:connector-curvature="0"
+     style="fill:#696969;stroke:#e6e6e6;stroke-miterlimit:10"
+     stroke-miterlimit="10"
+     d="m 8.611,27.721 c 0,1.911 -1.55,3.459 -3.459,3.459 -1.91,0 -3.458,-1.548 -3.458,-3.459 0,-1.907 1.548,-3.457 3.458,-3.457 1.909,0 3.459,1.549 3.459,3.457 z"
+     id="path4383-4" /></svg>

pixelegg/mobile/app_colors.css

@@ -20,6 +20,9 @@ div[id^="addressbook-"] .dialogHeadbar,
 form[id^="addressbook-"] .dialogHeadbar {
   background-color: #333399;
 }
+#addressbook_sidebox_header {
+  border-left: 6px solid #333399 !important;
+}
 div[id^="admin-"] .plus_button,
 form[id^="admin-"] .plus_button,
 div[id^="admin-"] .search.nm-mob-header,
@@ -28,6 +31,9 @@ div[id^="admin-"] .dialogHeadbar,
 form[id^="admin-"] .dialogHeadbar {
   background-color: #0073ce;
 }
+#admin_sidebox_header {
+  border-left: 6px solid #0073ce !important;
+}
 div[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 form[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 div[id^="bookmarks-"] .plus_button,
@@ -38,6 +44,9 @@ div[id^="bookmarks-"] .dialogHeadbar,
 form[id^="bookmarks-"] .dialogHeadbar {
   background-color: #db0087;
 }
+#bookmarks_sidebox_header {
+  border-left: 6px solid #db0087 !important;
+}
 div[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 form[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 div[id^="calendar-"] .plus_button,
@@ -48,6 +57,9 @@ div[id^="calendar-"] .dialogHeadbar,
 form[id^="calendar-"] .dialogHeadbar {
   background-color: #cc0033;
 }
+#calendar_sidebox_header {
+  border-left: 6px solid #cc0033 !important;
+}
 div[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 form[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 div[id^="filemanager-"] .plus_button,
@@ -58,6 +70,9 @@ div[id^="filemanager-"] .dialogHeadbar,
 form[id^="filemanager-"] .dialogHeadbar {
   background-color: #f9d730;
 }
+#filemanager_sidebox_header {
+  border-left: 6px solid #f9d730 !important;
+}
 div[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 form[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 div[id^="infolog-"] .plus_button,
@@ -68,6 +83,9 @@ div[id^="infolog-"] .dialogHeadbar,
 form[id^="infolog-"] .dialogHeadbar {
   background-color: #ffb936;
 }
+#infolog_sidebox_header {
+  border-left: 6px solid #ffb936 !important;
+}
 div[id^="mail-"] .plus_button,
 form[id^="mail-"] .plus_button,
 div[id^="mail-"] .search.nm-mob-header,
@@ -76,6 +94,9 @@ div[id^="mail-"] .dialogHeadbar,
 form[id^="mail-"] .dialogHeadbar {
   background-color: #47b2d4;
 }
+#mail_sidebox_header {
+  border-left: 6px solid #47b2d4 !important;
+}
 div[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 form[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 div[id^="projectmanager-"] .plus_button,
@@ -86,6 +107,9 @@ div[id^="projectmanager-"] .dialogHeadbar,
 form[id^="projectmanager-"] .dialogHeadbar {
   background-color: #75de27;
 }
+#projectmanager_sidebox_header {
+  border-left: 6px solid #75de27 !important;
+}
 div[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 form[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 div[id^="resources-"] .plus_button,
@@ -96,6 +120,9 @@ div[id^="resources-"] .dialogHeadbar,
 form[id^="resources-"] .dialogHeadbar {
   background-color: #009966;
 }
+#resources_sidebox_header {
+  border-left: 6px solid #009966 !important;
+}
 div[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 form[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 div[id^="timesheet-"] .plus_button,
@@ -106,6 +133,9 @@ div[id^="timesheet-"] .dialogHeadbar,
 form[id^="timesheet-"] .dialogHeadbar {
   background-color: #9d15ea;
 }
+#timesheet_sidebox_header {
+  border-left: 6px solid #9d15ea !important;
+}
 div[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 form[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 div[id^="tracker-"] .plus_button,
@@ -116,3 +146,6 @@ div[id^="tracker-"] .dialogHeadbar,
 form[id^="tracker-"] .dialogHeadbar {
   background-color: #006666;
 }
+#tracker_sidebox_header {
+  border-left: 6px solid #006666 !important;
+}

pixelegg/mobile/app_colors.less

@@ -30,43 +30,54 @@
 div[id^="addressbook-"],form[id^="addressbook-"] {
 	.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @addressbook-color;}
 }
+#addressbook_sidebox_header {border-left:6px solid @addressbook-color !important;}
 // Admin
 div[id^="admin-"],form[id^="admin-"] {
 	.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @admin-color;}
 }
+#admin_sidebox_header {border-left:6px solid @admin-color !important;}
 // Bookmarks
 div[id^="bookmarks-"],form[id^="bookmarks-"] {
 	.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @bookmarks-color;}
 }
+#bookmarks_sidebox_header {border-left:6px solid @bookmarks-color !important;}
 // Calendar
 div[id^="calendar-"],form[id^="calendar-"]{
 	.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @calendar-color;}
 }
+#calendar_sidebox_header {border-left:6px solid @calendar-color !important;}
 // Filemanager
 div[id^="filemanager-"],form[id^="filemanager-"] {
 	.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @filemanager-color;}
 }
+#filemanager_sidebox_header {border-left:6px solid @filemanager-color !important;}
 // Infolog
 div[id^="infolog-"],form[id^="infolog-"] {
 	.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @infolog-color;}
 }
+#infolog_sidebox_header {border-left:6px solid @infolog-color !important;}
 // Mail
 div[id^="mail-"],form[id^="mail-"] {
 	.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @mail-color;}
 }
+#mail_sidebox_header {border-left:6px solid @mail-color !important;}
 // Projectmanager
 div[id^="projectmanager-"],form[id^="projectmanager-"] {
 	.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @projectmanager-color;}
 }
+#projectmanager_sidebox_header {border-left:6px solid @projectmanager-color !important;}
 // Resources
 div[id^="resources-"],form[id^="resources-"] {
 	.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @resources-color;}
 }
+#resources_sidebox_header {border-left:6px solid @resources-color !important;}
 // Timesheet
 div[id^="timesheet-"],form[id^="timesheet-"] {
 	.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @timesheet-color;}
 }
+#timesheet_sidebox_header {border-left:6px solid @timesheet-color !important;}
 // Tracker
 div[id^="tracker-"],form[id^="tracker-"] {
 	.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @tracker-color;}
 }
+#tracker_sidebox_header {border-left:6px solid @tracker-color !important;}

pixelegg/mobile/fw_mobile.css

@@ -4345,7 +4345,7 @@ td.message span.message {
 }
 #egw_fw_sidebar #egw_fw_toggler {
   display: block;
-  width: 28px;
+  width: 30px;
   height: 30px;
   position: relative;
   z-index: 1;
@@ -4353,7 +4353,6 @@ td.message span.message {
   margin-top: 0;
   margin-bottom: -30px;
   float: right;
-  margin-right: -15px;
 }
 #egw_fw_sidebar #egw_fw_toggler span {
   background-color: transparent;
@@ -4364,6 +4363,7 @@ td.message span.message {
   backface-visibility: hidden;
   border-radius: 2px;
   top: 11px;
+  left: 10px;
 }
 #egw_fw_sidebar #egw_fw_toggler span:before {
   transition-duration: 0.7s;
@@ -4411,6 +4411,7 @@ td.message span.message {
   transition: all 0.3s;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
+  left: 0;
 }
 #egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before,
 #egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler span:after {
@@ -6048,7 +6049,7 @@ span.egw_tutorial_title {
     position: absolute;
   }
   body #egw_fw_basecontainer #egw_fw_top_toolbar .egw_fw_logout {
-    float: right;
+    display: inline-block;
   }
   body #egw_fw_basecontainer #egw_fw_top_toolbar .egw_fw_logout a#topmenu_logout {
     background-image: url(../images/logout.png);
@@ -6211,14 +6212,16 @@ span.egw_tutorial_title {
     background-position: center;
   }
   body #egw_fw_basecontainer #egw_fw_userinfo {
-    height: 50px;
+    height: 60px;
     z-index: 1000;
     display: inline-block;
-    margin-left: 40%;
   }
   body #egw_fw_basecontainer #egw_fw_userinfo span.avatar {
     display: inline-block;
     float: left;
+    height: 45px;
+    width: 45px;
+    margin-top: 1px;
   }
   body #egw_fw_basecontainer #egw_fw_userinfo span.user {
     display: inline-block;
@@ -6655,8 +6658,9 @@ span.egw_tutorial_title {
     background-image: url(../images/topmenu_items/mobile/menu.png);
   }
   body .sidebar-toggle #egw_fw_top_toolbar #egw_fw_userinfo,
-  body .sidebar-toggle #egw_fw_top_toolbar .egw_fw_logout {
+  body .sidebar-toggle #egw_fw_top_toolbar .egw_fw_logout,
-    display: none;
+  body .sidebar-toggle #egw_fw_top_toolbar #egw_fw_appsToggle {
+    display: none !important;
   }
   body .sidebar-toggle #egw_fw_sidebar {
     top: 70px;
@@ -6767,6 +6771,9 @@ div[id^="addressbook-"] .dialogHeadbar,
 form[id^="addressbook-"] .dialogHeadbar {
   background-color: #333399;
 }
+#addressbook_sidebox_header {
+  border-left: 6px solid #333399 !important;
+}
 div[id^="admin-"] .plus_button,
 form[id^="admin-"] .plus_button,
 div[id^="admin-"] .search.nm-mob-header,
@@ -6775,6 +6782,9 @@ div[id^="admin-"] .dialogHeadbar,
 form[id^="admin-"] .dialogHeadbar {
   background-color: #0073ce;
 }
+#admin_sidebox_header {
+  border-left: 6px solid #0073ce !important;
+}
 div[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 form[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 div[id^="bookmarks-"] .plus_button,
@@ -6785,6 +6795,9 @@ div[id^="bookmarks-"] .dialogHeadbar,
 form[id^="bookmarks-"] .dialogHeadbar {
   background-color: #db0087;
 }
+#bookmarks_sidebox_header {
+  border-left: 6px solid #db0087 !important;
+}
 div[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 form[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 div[id^="calendar-"] .plus_button,
@@ -6795,6 +6808,9 @@ div[id^="calendar-"] .dialogHeadbar,
 form[id^="calendar-"] .dialogHeadbar {
   background-color: #cc0033;
 }
+#calendar_sidebox_header {
+  border-left: 6px solid #cc0033 !important;
+}
 div[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 form[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 div[id^="filemanager-"] .plus_button,
@@ -6805,6 +6821,9 @@ div[id^="filemanager-"] .dialogHeadbar,
 form[id^="filemanager-"] .dialogHeadbar {
   background-color: #f9d730;
 }
+#filemanager_sidebox_header {
+  border-left: 6px solid #f9d730 !important;
+}
 div[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 form[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 div[id^="infolog-"] .plus_button,
@@ -6815,6 +6834,9 @@ div[id^="infolog-"] .dialogHeadbar,
 form[id^="infolog-"] .dialogHeadbar {
   background-color: #ffb936;
 }
+#infolog_sidebox_header {
+  border-left: 6px solid #ffb936 !important;
+}
 div[id^="mail-"] .plus_button,
 form[id^="mail-"] .plus_button,
 div[id^="mail-"] .search.nm-mob-header,
@@ -6823,6 +6845,9 @@ div[id^="mail-"] .dialogHeadbar,
 form[id^="mail-"] .dialogHeadbar {
   background-color: #47b2d4;
 }
+#mail_sidebox_header {
+  border-left: 6px solid #47b2d4 !important;
+}
 div[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 form[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 div[id^="projectmanager-"] .plus_button,
@@ -6833,6 +6858,9 @@ div[id^="projectmanager-"] .dialogHeadbar,
 form[id^="projectmanager-"] .dialogHeadbar {
   background-color: #75de27;
 }
+#projectmanager_sidebox_header {
+  border-left: 6px solid #75de27 !important;
+}
 div[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 form[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 div[id^="resources-"] .plus_button,
@@ -6843,6 +6871,9 @@ div[id^="resources-"] .dialogHeadbar,
 form[id^="resources-"] .dialogHeadbar {
   background-color: #009966;
 }
+#resources_sidebox_header {
+  border-left: 6px solid #009966 !important;
+}
 div[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 form[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 div[id^="timesheet-"] .plus_button,
@@ -6853,6 +6884,9 @@ div[id^="timesheet-"] .dialogHeadbar,
 form[id^="timesheet-"] .dialogHeadbar {
   background-color: #9d15ea;
 }
+#timesheet_sidebox_header {
+  border-left: 6px solid #9d15ea !important;
+}
 div[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 form[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 div[id^="tracker-"] .plus_button,
@@ -6863,6 +6897,9 @@ div[id^="tracker-"] .dialogHeadbar,
 form[id^="tracker-"] .dialogHeadbar {
   background-color: #006666;
 }
+#tracker_sidebox_header {
+  border-left: 6px solid #006666 !important;
+}
 /********************************/
 /*								*/
 /*		MEDIA DEFINITION		*/
@@ -7151,6 +7188,24 @@ form[id^="tracker-"] .dialogHeadbar {
     position: absolute;
     width: 300px;
   }
+  body #egw_fw_basecontainer #egw_fw_top_toolbar #egw_fw_userinfo {
+    float: right;
+  }
+  body #egw_fw_basecontainer #egw_fw_top_toolbar #egw_fw_appsToggle {
+    height: 50px;
+    z-index: 1000;
+    display: inline-block;
+    width: 50px;
+    float: left;
+    margin-left: 60px;
+    background-image: url(../images/apps.svg);
+    background-size: 24px;
+    background-repeat: no-repeat;
+    background-position: center;
+  }
+  body #egw_fw_basecontainer #egw_fw_top_toolbar #egw_fw_appsToggle.toggled {
+    background-image: url(../images/sidebar.svg);
+  }
   body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items {
     padding-top: 8px;
   }
@@ -7197,10 +7252,7 @@ form[id^="tracker-"] .dialogHeadbar {
     box-shadow: none;
   }
   body #egw_fw_basecontainer .egw_fw_ui_sidemenu_entry_apps > div {
-    display: inline-block;
+    margin-bottom: 5px;
-  }
-  body #egw_fw_basecontainer .egw_fw_ui_sidemenu_entry_apps > div h1 {
-    display: none;
   }
   body div.dhtmlxMenu_egw_SubLevelArea_Polygon {
     font-size: medium;

pixelegg/mobile/fw_mobile.less

@@ -321,7 +321,22 @@
 				position:absolute;
 				width:300px;
 				#egw_fw_userinfo {
-
+					float: right;
+				}
+				#egw_fw_appsToggle {
+					height: 50px;
+					z-index: 1000;
+					display: inline-block;
+					width: 50px;
+					float: left;
+					margin-left: 60px;
+					background-image:url(../images/apps.svg);
+					background-size: 24px;
+					background-repeat: no-repeat;
+					background-position: center;
+				}
+				#egw_fw_appsToggle.toggled {
+					background-image:url(../images/sidebar.svg);
 				}
 				div#egw_fw_topmenu_items {
 					padding-top: 8px;
@@ -379,11 +394,7 @@
 				box-shadow: none;
 			}
 			.egw_fw_ui_sidemenu_entry_apps> div{
-				display: inline-block;
+				margin-bottom: 5px;
-				h1 {
-					display: none;
-				}
-
 			}
 		}