From e8707bec908d643c12dcd50ededa97eeaba19f90 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hn@stylite.de>
Date: Thu, 3 Mar 2016 18:27:32 +0000
Subject: [PATCH] Mobile theme W.I.P: - Fix calendar edit dialog

---
 calendar/templates/mobile/app.css    |  50 +++--------
 calendar/templates/mobile/app.less   |   4 +
 calendar/templates/mobile/edit.xet   | 124 +++++++++++++--------------
 calendar/templates/pixelegg/app.css  |  36 --------
 calendar/templates/pixelegg/app.less |  52 -----------
 pixelegg/css/mobile.css              |  57 ++++--------
 pixelegg/mobile/fw_mobile.css        |  92 +++++++++++---------
 pixelegg/mobile/fw_mobile.less       |  24 +++++-
 8 files changed, 165 insertions(+), 274 deletions(-)

diff --git a/calendar/templates/mobile/app.css b/calendar/templates/mobile/app.css
index 345aa26390..317a5923b1 100644
--- a/calendar/templates/mobile/app.css
+++ b/calendar/templates/mobile/app.css
@@ -1686,8 +1686,6 @@ div.calendar {
   text-indent: -20px;
 }
 #calendar-edit #calendar-edit_calendar-edit-details #calendar-edit_category {
-  border: 1px solid;
-  border-color: #b4b4b4;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
@@ -1730,42 +1728,6 @@ div.calendar {
   -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
 }
-#calendar-edit #calendar-edit_calendar-edit-participants {
-  /*.et2_label {padding: 0 5px 0 0;}*/
-}
-#calendar-edit #calendar-edit_calendar-edit-participants table#calendar-edit_participants {
-  margin: 5px;
-}
-#calendar-edit #calendar-edit_calendar-edit-participants table#calendar-edit_participants td {
-  padding: 0.2em 0.5em;
-}
-#calendar-edit #calendar-edit_calendar-edit-participants table#calendar-edit_participants #calendar-edit_account {
-  width: 143px;
-}
-#calendar-edit #calendar-edit_calendar-edit-participants table#calendar-edit_participants #calendar-edit_resource select {
-  width: 143px !important;
-}
-#calendar-edit #calendar-edit_calendar-edit-participants table#calendar-edit_participants #calendar-edit_resource input {
-  width: 103px !important;
-}
-#calendar-edit #calendar-edit_calendar-edit-participants tr.optional {
-  background-color: rgba(255, 221, 115, 0.1);
-}
-#calendar-edit #calendar-edit_calendar-edit-participants tbody {
-  display: table;
-  width: 100%;
-}
-#calendar-edit #calendar-edit_calendar-edit-participants tbody td {
-  vertical-align: top;
-  padding-top: 3px;
-}
-#calendar-edit #calendar-edit_calendar-edit-participants tbody input#calendar-edit_quantity {
-  width: 30px;
-  /*                position: relative;
-                top: 34px;
-                left: 40px;*/
-  margin: 6px 0px;
-}
 #calendar-edit #calendar-edit_calendar-edit-recurrence tbody {
   display: table;
   width: 100%;
@@ -2591,4 +2553,16 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
   #calendar-list button.plus_button {
     bottom: 65px ;
   }
+  #calendar-edit_category {
+    max-width: 100%;
+  }
+  #calendar-edit #calendar-edit_whole_day {
+    margin: 0;
+  }
+  .quantity {
+    margin-left: 5px;
+  }
+  #popupMainDiv .et2_date.calendar_alarm_date_display {
+    padding-left: 3px;
+  }
 }
diff --git a/calendar/templates/mobile/app.less b/calendar/templates/mobile/app.less
index 2b5a5dbf92..b3497912ef 100644
--- a/calendar/templates/mobile/app.less
+++ b/calendar/templates/mobile/app.less
@@ -51,4 +51,8 @@
 	#calendar-list button.plus_button {
 		bottom: 65px ;
 	}
+	#calendar-edit_category {max-width: 100%;}
+	#calendar-edit #calendar-edit_whole_day {margin:0;}
+	.quantity{margin-left:5px;} 
+	#popupMainDiv .et2_date.calendar_alarm_date_display {padding-left: 3px;}
 }
\ No newline at end of file
diff --git a/calendar/templates/mobile/edit.xet b/calendar/templates/mobile/edit.xet
index f93d364119..53c159adb2 100644
--- a/calendar/templates/mobile/edit.xet
+++ b/calendar/templates/mobile/edit.xet
@@ -9,7 +9,6 @@
 				<column width = "600"/>
 			</columns>
 			<rows>
-				
 				<row>
 					<description for="priority" value="Priority"/>
 					<menulist>
@@ -18,17 +17,17 @@
 				</row>
 				<row class="row add_alarm_action" valign="top" disabled="@no_add_alarm">
 					<button id="button[add_alarm]" label="Alarm" image="add" background_image="1"/>
-					<hbox>
+					<vbox>
 						<menulist>
-							<menupopup type="select" statustext="" id="new_alarm[options]" onchange="app.calendar.alarm_custom_date"/>
+							<menupopup type="select" statustext="" id="new_alarm[options]" class="et2_fullWidth" onchange="app.calendar.alarm_custom_date"/>
 						</menulist>
-						<date-time id="new_alarm[date]" class="calendar_alarm_date_display"/>
-					</hbox>
+						<date-time id="new_alarm[date]" class="calendar_alarm_date_display et2_fullWidth"/>
+					</vbox>
 				</row>
 				<row>
 					<description value="for"/>
 					<menulist>
-						<menupopup statustext="Select who should get the alarm" id="new_alarm[owner]" no_lang="1"/>
+						<menupopup statustext="Select who should get the alarm" id="new_alarm[owner]" no_lang="1" class="et2_fullWidth"/>
 					</menulist>
 				</row>
 				<row disabled="!@alarm">
@@ -67,26 +66,20 @@
 		<grid width="99%" id="participants">
 			<columns>
 				<column width = "120"/>
-				<column width="95%"/>
+				<column width="80%"/>
 				<column width = "20"/>
 			</columns>
 			<rows>
-				<row class="th" disabled="@view">
-					<description value="Add new participants or resource" span="all"/>
+				<row  disabled="@view">
+					<calendar-owner id="participant" allowFreeEntries="true"  empty_label="Add new participants or resource"/>
 				</row>
 				<row disabled="@no_add">
-					<vbox>
-						<menulist>
-							<menupopup type="select-account" statustext="User or group" id="account" multiple="true" no_lang="true" tags="true" account_type="both" empty_label="User or group" class="et2_fullWidth" width="99%"/>
-						</menulist>
-						<link-entry id="resource" options="@cal_resources" query="app.calendar.edit_participant_search"/>
-					</vbox>
-					<vbox>
-						<textbox type="integer" align="center" id="quantity" min="1" size="3"/>
-						<menulist>
-							<menupopup class="selectRole" id="role"/>
-						</menulist>
-					</vbox>
+					<menulist>
+						<menupopup class="selectRole" id="role"/>
+					</menulist>
+					<hbox >
+						<textbox label="Quantity" type="integer" class="quantity" id="quantity" min="1" size="3"/>
+					</hbox>
 					<button align="center" id="add" image="add" background_image="1" novalidate="1"/>
 				</row>
 				<row class="th">
@@ -94,7 +87,7 @@
 					<description value="Status"/>
 					<description value="Actions"/>
 				</row>
-				<row valign="top">
+				<row >
 					<description id="${row}[title]" no_lang="1"/>
 					<hbox>
 						<menulist>
@@ -103,7 +96,7 @@
 						<textbox type="integer" align="center" id="${row}[quantity]" readonly="true" min="1" size="3"/>
 						<description id="${row}[role_label]"/>
 					</hbox>	
-					<button align="center" label="Delete" id="delete[$row_cont[delete_id]]" image="delete"/>
+					<button align="center" id="delete[$row_cont[delete_id]]" image="delete"/>
 				</row>
 			</rows>
 		</grid>
@@ -130,16 +123,16 @@
 						<menupopup type="select-number" statustext="repeating interval, eg. 2 to repeat every second week" id="recur_interval" options="None,2,31" class="et2_fullWidth"/>
 					</menulist>
 				</row>
-				<row>
-					<description for="recur_enddate" value="End date"/>
-					<date statustext="repeat the event until which date (empty means unlimited)" id="recur_enddate"/>
-				</row>	
 				<row>	
 					<description for="tzid" value="Timezone"/>
 					<menulist>
 						<menupopup type="select-timezone" statustext="Timezone in which recurrences have identical time" id="tzid" class="et2_fullWidth"/>
 					</menulist>
 				</row>
+				<row>
+					<description for="recur_enddate" value="End date"/>
+					<date statustext="repeat the event until which date (empty means unlimited)" id="recur_enddate"/>
+				</row>	
 				<row>
 					<description for="recur_data" value="Repeat days"/>
 					<listbox type="select-dow" statustext="Days of the week for a weekly repeated event" id="recur_data" rows="6" options="1"/>
@@ -197,6 +190,32 @@
 			</rows>
 		</grid>
 	</template>
+	<template id="calendar.edit.ownership" template="" lang="" group="0" version="1.0.1.001">
+		<grid width="100%">
+			<columns>
+				<column width = "120"/>
+				<column width="600"/>
+			</columns>
+			<rows>
+				<row disabled="!@owner">
+					<description value="Owner"/>
+					<menulist>
+						<menupopup type="select-account" id="owner" readonly="true"/>
+					</menulist>
+				</row>
+				<row disabled="!@modified">
+					<description value="Updated"/>
+					<date-time id="modified" no_lang="1" readonly="true"/>
+				</row>
+				<row disabled="!@modifier">	
+					<description value="by"/>	
+					<menulist>
+						<menupopup type="select-account"   class="et2_nowrap" id="modifier" readonly="true"/>
+					</menulist>
+				</row>
+			</rows>
+		</grid>
+	</template>
 	<template id="calendar.edit" template="" lang="" group="0" version="1.9.001">
 		<grid border="1" width="100%">
 			<columns>
@@ -240,11 +259,11 @@
 				</row>
 				<row>
 					<description value="Options"/>
-					<hbox>
+					<vbox>
+						<checkbox  statustext="Event will occupy the whole day" label="whole day" id="whole_day" onchange="app.calendar.set_alarmOptions_WD"/>
 						<checkbox statustext="A non blocking event will not conflict with other events" label="non blocking" id="non_blocking" options="1,0, ,disable"/>
 						<checkbox label="Private" id="public" options="0,1"/>
-						<checkbox  statustext="Event will occupy the whole day" label="whole day" id="whole_day" onchange="app.calendar.set_alarmOptions_WD"/>
-					</hbox>
+					</vbox>
 				</row>
 				<row>
 					<description for="location" value="Location"/>
@@ -252,19 +271,18 @@
 				</row>
 				<row>
 					<description for="category" value="Categories"/>
-					<menulist class="et2_fullWidth">
-						<menupopup type="select-cat" statustext="select a category for this entry" id="category" options="None"/>
-					</menulist>
+					<taglist-cat id="category" class="et2_fullWidth"/>
 				</row>
 				<row>
 					<tabbox id="tabs" span="all" width="100%" align_tabs="v">
 						<tabs>
-							<tab id="description" label="Description" statustext="Full description"/>
-							<tab id="participants" label="Participants" statustext="Participants, Resources, ..."/>
-							<tab id="details" label="Details" statustext="Location, Start- and Endtimes, ..."/>
-							<tab id="recurrence" label="Recurrence" statustext="Repeating Event Information"/>
-							<tab id="custom" label="Custom" statustext="Custom fields"/>
-							<tab id="links" label="Links" statustext="Links, Attachments"/>
+							<tab id="description" label="Description" />
+							<tab id="participants" label="Participants" />
+							<tab id="details" label="Details" />
+							<tab id="recurrence" label="Recurrence" />
+							<tab id="custom" label="Custom"/>
+							<tab id="links" label="Links"/>
+							<tab id="ownership" label="Ownership"/>
 						</tabs>
 						<tabpanels>
 							<template id="calendar.edit.description"/>
@@ -273,36 +291,12 @@
 							<template id="calendar.edit.recurrence"/>
 							<template id="calendar.edit.custom"/>
 							<template id="calendar.edit.links"/>
+							<template id="calendar.edit.ownership"/>
 						</tabpanels>
 					</tabbox>
 				</row>
 				<row>
-					<details title="Ownership">
-						<grid width="100%">
-							<columns>
-								<column width = "120"/>
-								<column width="600"/>
-							</columns>
-							<rows>
-								<row disabled="!@owner" class="dialogOperators">
-									<description value="Owner"/>
-									<menulist>
-										<menupopup type="select-account" id="owner" readonly="true"/>
-									</menulist>
-								</row>
-								<row>
-									<description value="Updated"/>
-									<date-time id="modified" no_lang="1" readonly="true"/>
-								</row>
-								<row>	
-									<description/>	
-									<menulist>
-										<menupopup type="select-account"  label="by" class="et2_nowrap" id="modifier" align="right" readonly="true"/>
-									</menulist>
-								</row>
-							</rows>
-						</grid>
-					</details>
+					
 				</row>
 			</rows>
 		</grid>
diff --git a/calendar/templates/pixelegg/app.css b/calendar/templates/pixelegg/app.css
index 214f249c80..b71bd3841d 100755
--- a/calendar/templates/pixelegg/app.css
+++ b/calendar/templates/pixelegg/app.css
@@ -1716,42 +1716,6 @@ div.calendar {
   -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
 }
-#calendar-edit #calendar-edit_calendar-edit-participants {
-  /*.et2_label {padding: 0 5px 0 0;}*/
-}
-#calendar-edit #calendar-edit_calendar-edit-participants table#calendar-edit_participants {
-  margin: 5px;
-}
-#calendar-edit #calendar-edit_calendar-edit-participants table#calendar-edit_participants td {
-  padding: 0.2em 0.5em;
-}
-#calendar-edit #calendar-edit_calendar-edit-participants table#calendar-edit_participants #calendar-edit_account {
-  width: 143px;
-}
-#calendar-edit #calendar-edit_calendar-edit-participants table#calendar-edit_participants #calendar-edit_resource select {
-  width: 143px !important;
-}
-#calendar-edit #calendar-edit_calendar-edit-participants table#calendar-edit_participants #calendar-edit_resource input {
-  width: 103px !important;
-}
-#calendar-edit #calendar-edit_calendar-edit-participants tr.optional {
-  background-color: rgba(255, 221, 115, 0.1);
-}
-#calendar-edit #calendar-edit_calendar-edit-participants tbody {
-  display: table;
-  width: 100%;
-}
-#calendar-edit #calendar-edit_calendar-edit-participants tbody td {
-  vertical-align: top;
-  padding-top: 3px;
-}
-#calendar-edit #calendar-edit_calendar-edit-participants tbody input#calendar-edit_quantity {
-  width: 30px;
-  /*                position: relative;
-                top: 34px;
-                left: 40px;*/
-  margin: 6px 0px;
-}
 #calendar-edit #calendar-edit_calendar-edit-recurrence tbody {
   display: table;
   width: 100%;
diff --git a/calendar/templates/pixelegg/app.less b/calendar/templates/pixelegg/app.less
index 0fd3ece50b..fb97107da5 100755
--- a/calendar/templates/pixelegg/app.less
+++ b/calendar/templates/pixelegg/app.less
@@ -526,59 +526,7 @@ div.calendar { position: relative; }
     /*###########################################*/
     // Teilnehmer
 
-    #calendar-edit_calendar-edit-participants{
 
-        table#calendar-edit_participants {
-
-            margin: 5px;
-
-            td {padding: 0.2em 0.5em;}
-
-            // User and Group
-            #calendar-edit_account{ width: 143px;}
-
-            //Adress
-            #calendar-edit_resource {
-                select{
-                width: 143px !important;
-                }
-                // Search
-                input{
-                width: 103px !important;
-                }
-            }
-
-
-
-        }
-
-        tr.optional {background-color: @color_optional;}
-
-        tbody{
-            display: table;
-            width: 100%;
-
-
-
-            td {vertical-align: top; padding-top: 3px;}
-
-
-            // Quantity
-            input#calendar-edit_quantity {
-                width: 30px;
-/*                position: relative;
-                top: 34px;
-                left: 40px;*/
-                margin: 6px 0px;
-
-            }
-
-        }
-
-        // Table
-        /*.et2_label {padding: 0 5px 0 0;}*/
-
-    }
 
     /*###########################################*/
     // Wiederholung
diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 8e8f0e969a..3b41a35db4 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -5275,35 +5275,21 @@ button.image_button {
  * @package pixelegg
  * @version $Id$
  */
-/*SVG Filter / not for Logo */
-#egw_fw_sidebar img[src$="svg"] {
-  background-color: #696969;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjNjk2OTY5IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNjk2OTY5IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
-  background-image: -moz-linear-gradient(top, #696969, #696969);
-  background-image: -ms-linear-gradient(top, #696969, #696969);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#696969), to(#696969));
-  background-image: -webkit-linear-gradient(top, #696969, #696969);
-  background-image: -o-linear-gradient(top, #696969, #696969);
-  background-image: linear-gradient(top, #696969, #696969);
-  background-repeat: repeat-x;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-  border: 1px solid #ffffff;
+/* disabled for now in pixelegg.less, until we use svg outside filemanager thumbnails
+
+//SVG Filter / not for Logo
+#egw_fw_sidebar img[src$="svg"]{
+            .gradient_vertical (@gray_60, @gray_60);
+            .rounded(3px);
+            border: 1px solid @gray_0;;
 }
+
 #egw_fw_main img[src$="svg"],
-#egw_fw_footer img[src$="svg"] {
-  /*.gradient_vertical (@egw_color_2_a, @egw_color_2_a);*/
-  background-color: rgba(0, 0, 0, 0.5);
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDAsIDAsIDAsIDAuNSkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9InJnYmEoMCwgMCwgMCwgMC41KSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDMpIi8+PC9zdmc+);
-  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
-  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
-  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
-  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
-  background-image: linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
-  background-repeat: repeat-x;
-}
+#egw_fw_footer img[src$="svg"]{
+            //.gradient_vertical (@egw_color_2_a, @egw_color_2_a);
+            .gradient_vertical (fade(@gray_100,50%), fade(@gray_100,50%));
+
+}*/
 /**
  * EGroupware: Stylite Pixelegg template
  *
@@ -5422,6 +5408,12 @@ table.egwGridView_outer > tbody > tr td.frame {
   /*border: 1px solid @gray_10; can't have - breaks grid scroll calculations'
             /*padding: 0px 5px; no need*/
 }
+table.egwGridView_outer > tbody > tr > td {
+  /* disabled as it skrews display of svg in filemanager
+        img[src$="svg"]  {
+            .gradient_vertical (fade(@gray_100,50%), fade(@gray_100,50%));
+        }*/
+}
 table.egwGridView_outer > tbody > tr > td .et2_link {
   margin-left: 0px;
   color: #26537c;
@@ -5433,17 +5425,6 @@ table.egwGridView_outer > tbody > tr > td img {
 table.egwGridView_outer > tbody > tr > td time {
   display: block;
 }
-table.egwGridView_outer > tbody > tr > td img[src$="svg"] {
-  background-color: rgba(0, 0, 0, 0.5);
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDAsIDAsIDAsIDAuNSkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9InJnYmEoMCwgMCwgMCwgMC41KSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDMpIi8+PC9zdmc+);
-  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
-  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
-  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
-  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
-  background-image: linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
-  background-repeat: repeat-x;
-}
 /*########################################################*/
 table.egwGridView_grid {
   font-size: 12px;
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 9479b1f28c..8606e28513 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -5286,35 +5286,21 @@ button.image_button {
  * @package pixelegg
  * @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $
  */
-/*SVG Filter / not for Logo */
-#egw_fw_sidebar img[src$="svg"] {
-  background-color: #696969;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjNjk2OTY5IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNjk2OTY5IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
-  background-image: -moz-linear-gradient(top, #696969, #696969);
-  background-image: -ms-linear-gradient(top, #696969, #696969);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#696969), to(#696969));
-  background-image: -webkit-linear-gradient(top, #696969, #696969);
-  background-image: -o-linear-gradient(top, #696969, #696969);
-  background-image: linear-gradient(top, #696969, #696969);
-  background-repeat: repeat-x;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-  border: 1px solid #ffffff;
+/* disabled for now in pixelegg.less, until we use svg outside filemanager thumbnails
+
+//SVG Filter / not for Logo
+#egw_fw_sidebar img[src$="svg"]{
+            .gradient_vertical (@gray_60, @gray_60);
+            .rounded(3px);
+            border: 1px solid @gray_0;;
 }
+
 #egw_fw_main img[src$="svg"],
-#egw_fw_footer img[src$="svg"] {
-  /*.gradient_vertical (@egw_color_2_a, @egw_color_2_a);*/
-  background-color: rgba(0, 0, 0, 0.5);
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDAsIDAsIDAsIDAuNSkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9InJnYmEoMCwgMCwgMCwgMC41KSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDMpIi8+PC9zdmc+);
-  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
-  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
-  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
-  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
-  background-image: linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
-  background-repeat: repeat-x;
-}
+#egw_fw_footer img[src$="svg"]{
+            //.gradient_vertical (@egw_color_2_a, @egw_color_2_a);
+            .gradient_vertical (fade(@gray_100,50%), fade(@gray_100,50%));
+
+}*/
 /**
  * EGroupware: Stylite Pixelegg template
  *
@@ -5326,7 +5312,7 @@ button.image_button {
  * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
  * @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
  * @package pixelegg
- * @version $Id: layout_table.less 55030 2016-02-16 17:18:02Z ralfbecker $
+ * @version $Id: layout_table.less 55187 2016-02-29 13:25:21Z ralfbecker $
  */
 /** #####################################################################################
  * et2
@@ -5433,6 +5419,12 @@ table.egwGridView_outer > tbody > tr td.frame {
   /*border: 1px solid @gray_10; can't have - breaks grid scroll calculations'
             /*padding: 0px 5px; no need*/
 }
+table.egwGridView_outer > tbody > tr > td {
+  /* disabled as it skrews display of svg in filemanager
+        img[src$="svg"]  {
+            .gradient_vertical (fade(@gray_100,50%), fade(@gray_100,50%));
+        }*/
+}
 table.egwGridView_outer > tbody > tr > td .et2_link {
   margin-left: 0px;
   color: #26537c;
@@ -5444,17 +5436,6 @@ table.egwGridView_outer > tbody > tr > td img {
 table.egwGridView_outer > tbody > tr > td time {
   display: block;
 }
-table.egwGridView_outer > tbody > tr > td img[src$="svg"] {
-  background-color: rgba(0, 0, 0, 0.5);
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDAsIDAsIDAsIDAuNSkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9InJnYmEoMCwgMCwgMCwgMC41KSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDMpIi8+PC9zdmc+);
-  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
-  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
-  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
-  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
-  background-image: linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
-  background-repeat: repeat-x;
-}
 /*########################################################*/
 table.egwGridView_grid {
   font-size: 12px;
@@ -7613,6 +7594,9 @@ span.egw_tutorial_title {
     border: none;
     border-bottom: 1px solid #e6e6e6;
   }
+  body #popupMainDiv {
+    /* Exceptional cases to not get the general left padding*/
+  }
   body #popupMainDiv * {
     font-size: 10pt;
     font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
@@ -7622,8 +7606,31 @@ span.egw_tutorial_title {
   body #popupMainDiv .et2_dropdown,
   body #popupMainDiv .et2_link,
   body #popupMainDiv .et2_label,
-  body #popupMainDiv input {
-    height: 32px;
+  body #popupMainDiv input,
+  body #popupMainDiv select,
+  body #popupMainDiv .et2_selectbox {
+    height: 46px;
+    padding-left: 8px;
+  }
+  body #popupMainDiv input,
+  body #popupMainDiv select {
+    padding: 0;
+  }
+  body #popupMainDiv ul.et2_selectbox li {
+    padding-top: 13px;
+  }
+  body #popupMainDiv .et2_label .et2_date_ro.et2_label,
+  body #popupMainDiv .et2_date input.et2_date {
+    padding-left: 0;
+  }
+  body #popupMainDiv .et2_button_with_image {
+    background-color: transparent;
+    border: none;
+    box-shadow: none;
+    color: #1e1e1e;
+  }
+  body #popupMainDiv .et2_date {
+    min-width: 100px;
   }
   body #popupMainDiv .et2_button_with_image,
   body #popupMainDiv .et2_button_text {
@@ -7646,6 +7653,7 @@ span.egw_tutorial_title {
   body #popupMainDiv .et2_details {
     position: relative;
     background-color: #F0F0F0;
+    height: 32px;
   }
   body #popupMainDiv .et2_details .et2_details_toggle {
     position: absolute;
@@ -7875,7 +7883,7 @@ span.egw_tutorial_title {
     line-height: 32px;
     vertical-align: middle;
     position: relative;
-    padding-left: 40px;
+    padding-left: 40px !important;
   }
   body .et2_label.et2_checkbox_label input[type="checkbox"] {
     position: absolute;
diff --git a/pixelegg/mobile/fw_mobile.less b/pixelegg/mobile/fw_mobile.less
index 810cdb6500..3da67fb4e3 100644
--- a/pixelegg/mobile/fw_mobile.less
+++ b/pixelegg/mobile/fw_mobile.less
@@ -785,9 +785,26 @@
 				.mob-fontsize-n;
 				font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
 			}
-			.et2_textbox, .et2_date, .et2_dropdown, .et2_link, .et2_label, input{
-				height:32px;
+			.et2_textbox, .et2_date, .et2_dropdown, .et2_link, .et2_label, input, select, .et2_selectbox{
+				height:46px;
+				padding-left: 8px;
 			}
+			input, select {
+				padding:0;
+			}
+			ul.et2_selectbox {
+				li{padding-top: 13px;}
+			}
+			/* Exceptional cases to not get the general left padding*/
+			.et2_label .et2_date_ro.et2_label, .et2_date input.et2_date {padding-left: 0;}
+			
+			.et2_button_with_image {
+				background-color: transparent;
+				border:none;
+				box-shadow: none;
+				color: #1e1e1e;
+			}
+			.et2_date {min-width:100px;}
 			.et2_button_with_image, .et2_button_text {
 				height: 46px;
 				margin: 1px;
@@ -811,6 +828,7 @@
 			.et2_details {
 				position: relative;
 				background-color: #F0F0F0;
+				height:32px;
 				.et2_details_toggle {
 					position: absolute;
 					right: 2px;
@@ -1074,7 +1092,7 @@
 			line-height: 32px;
 			vertical-align: middle;
 			position: relative;
-			padding-left: 40px;
+			padding-left: 40px !important;
 			input[type="checkbox"] {
 				position: absolute;
 				left:0