From ca0930121f30d81219e04cf47ae104b5171ee1af Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hn@stylite.de>
Date: Tue, 16 Feb 2016 18:49:17 +0000
Subject: [PATCH] Mobile theme W.I.P.: - Fix infolog list alignment

---
 infolog/templates/mobile/index.xet  | 13 +++++++++----
 infolog/templates/pixelegg/app.css  | 24 ++++++++++++++++++++----
 infolog/templates/pixelegg/app.less | 25 ++++++++++++++++++++++---
 3 files changed, 51 insertions(+), 11 deletions(-)

diff --git a/infolog/templates/mobile/index.xet b/infolog/templates/mobile/index.xet
index 14a4b495b7..3e97df3461 100644
--- a/infolog/templates/mobile/index.xet
+++ b/infolog/templates/mobile/index.xet
@@ -43,10 +43,15 @@
 					</vbox>
 					<vbox class="infolog_CompletedClmn">
 						<time_or_date id="${row}[info_startdate]" readonly="true" options=",8"/>
-						<image label="$row_cont[info_type]" src="${row}[info_type]" default_src="infolog/navbar" class="infoDetails"/>
-						<hbox>
-							<progress label="$row_cont[info_percent]" id="{$row}[info_percent2]" href="javascript:egw.open($row_cont[info_id],'infolog');"/>
-						</hbox>
+						<vbox>
+							<hbox class="infoType">
+								<image label="$row_cont[info_type]" src="${row}[info_type]" default_src="infolog/navbar"/>
+							</hbox>
+							
+							<hbox class="infoPercent">
+								<progress label="$row_cont[info_percent]" id="{$row}[info_percent2]" href="javascript:egw.open($row_cont[info_id],'infolog');"/>
+							</hbox>
+						</vbox>
 						<time_or_date id="${row}[info_enddate]" readonly="true" options=",8" class="$row_cont[end_class]" width="64"/>
 					</vbox>
 				</row>
diff --git a/infolog/templates/pixelegg/app.css b/infolog/templates/pixelegg/app.css
index 7bb0785c76..b0e3e088c2 100755
--- a/infolog/templates/pixelegg/app.css
+++ b/infolog/templates/pixelegg/app.css
@@ -39,7 +39,7 @@
 }
 .normal,
 .normal_done {
-  color: #000000;
+  color: black;
 }
 .high {
   color: #cc0000;
@@ -251,6 +251,9 @@ button#infolog-edit_encrypt {
 button#infolog-edit_timestamp {
   top: 13px;
 }
+#infolog-index table.egwGridView_grid img {
+  height: 16px;
+}
 /* tablets and smartphones  */
 @media only screen and (max-device-width: 1024px) {
   #infolog-index_nm .gridCont_0_div_col_0.innerContainer {
@@ -275,16 +278,17 @@ button#infolog-edit_timestamp {
   }
   label[id^='infolog-index_'][id$='info_enddate]'] {
     font-size: 8pt;
-    float: left;
   }
   label[id^='infolog-index_'][id$='info_enddate]'] time {
-    float: left;
+    float: none;
     font-weight: normal;
   }
   label[id^='infolog-index_'][id$='info_startdate]'] {
-    float: left;
     font-size: 8pt;
   }
+  label[id^='infolog-index_'][id$='info_startdate]'] time {
+    float: none;
+  }
   ul[id^='infolog-index_'][id$='info_responsible]'] {
     overflow: hidden;
     white-space: nowrap;
@@ -330,5 +334,17 @@ button#infolog-edit_timestamp {
   #infolog-view tr.dialogHeadbar div.et2_hbox {
     display: none;
   }
+  .infolog_CompletedClmn .infoPercent {
+    height: 23px;
+    float: right;
+  }
+  .infolog_CompletedClmn .infoType {
+    position: relative;
+    height: 30px;
+  }
+  .infolog_CompletedClmn .infoType img {
+    position: absolute;
+    right: 0;
+  }
 }
 /**/
diff --git a/infolog/templates/pixelegg/app.less b/infolog/templates/pixelegg/app.less
index bb57ee0f1b..fa5c4e7cf8 100755
--- a/infolog/templates/pixelegg/app.less
+++ b/infolog/templates/pixelegg/app.less
@@ -168,6 +168,9 @@ button#infolog-edit_timestamp {
   top: 13px;
 }
 
+#infolog-index table.egwGridView_grid {	 
+   img{height: 16px;}
+}
 /* tablets and smartphones  */
 @media only screen and (max-device-width:1024px) {
 
@@ -192,15 +195,17 @@ button#infolog-edit_timestamp {
 	}
 	label[id^='infolog-index_'][id$='info_enddate]'] {
 		.mob-fontsize-xs;
-		float:left;
+		
 		time {
-			float: left;
+			float: none;
 			font-weight: normal;
 		}
 	}
 	label[id^='infolog-index_'][id$='info_startdate]']{
-		float: left;
 		.mob-fontsize-xs;
+		time {
+			float: none;
+		}
 	}
 	ul[id^='infolog-index_'][id$='info_responsible]'] {
 		overflow:hidden;
@@ -255,6 +260,20 @@ button#infolog-edit_timestamp {
 			}
 		}
 	}
+	.infolog_CompletedClmn {
+		.infoPercent{
+			height:23px;
+			float:right;
+		}
+		.infoType{
+			position: relative;
+			height: 30px;
+			img{
+				position: absolute;
+				right:0;
+			}
+		}
+	}
 }
 
 /**/// Ende der APP INfolo
\ No newline at end of file