From 983ec4fad6d07857afe06935c12b2be55e862e09 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hn@stylite.de>
Date: Mon, 7 Dec 2015 18:38:47 +0000
Subject: [PATCH] Mobile theme W.I.P.: -Fix infolog subject and id

---
 infolog/templates/mobile/index.xet  |  4 ++--
 infolog/templates/pixelegg/app.css  | 30 ++++++++++++++------------
 infolog/templates/pixelegg/app.less | 33 +++++++++++++++++------------
 3 files changed, 38 insertions(+), 29 deletions(-)

diff --git a/infolog/templates/mobile/index.xet b/infolog/templates/mobile/index.xet
index 1c0cb1a89f..94954f18cc 100644
--- a/infolog/templates/mobile/index.xet
+++ b/infolog/templates/mobile/index.xet
@@ -40,8 +40,8 @@
 							<time_or_date id="${row}[info_enddate]" readonly="true" options=",8" class="$row_cont[end_class] infolog_fixedHeight"/>
 						</hbox>
 						<hbox class="infoSubRow">
-							<description id="${row}[info_subject]" no_lang="1" class="$row_cont[sub_class] et2_ellipsis" overflow="hidden" width="65%"/>
-							<listbox disabled="@no_info_owner_info_responsible" type="select-account" id="${row}[info_responsible]" readonly="true" width ="55%" rows="1" class="infoDetails"/>
+							<description id="${row}[info_subject]" no_lang="1" class="$row_cont[sub_class] et2_ellipsis" overflow="hidden" width="80%"/>
+							<listbox disabled="@no_info_owner_info_responsible" type="select-account" id="${row}[info_responsible]" readonly="true" width ="100%" rows="1" class="infoDetails"/>
 						</hbox>
 						<box class="infoDescRow">
 							<description id="${row}[info_des]" no_lang="1" activate_links="1"/>
diff --git a/infolog/templates/pixelegg/app.css b/infolog/templates/pixelegg/app.css
index 187037964b..7aa6d58743 100755
--- a/infolog/templates/pixelegg/app.css
+++ b/infolog/templates/pixelegg/app.css
@@ -414,39 +414,43 @@ button#infolog-edit_encrypt {
     content: "#";
   }
   span.infolog_infoId {
-    font-size: 10px;
-    position: absolute;
-    padding-top: 9px;
+    font-size: 8pt;
+    padding-top: 5px;
   }
   div.infoDescRow {
-    height: 50px;
-    font-size: 10px;
+    height: 45px;
+    font-size: 8pt;
     max-width: 99%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-  div.infoLinksRow {
-    font-size: 10px;
+  div.infoLinksRow,
+  div.infoLinksRow ul[id^='infolog-index_'][id$='filelinks]'] {
+    font-size: 8pt;
     max-width: 99%;
     overflow: hidden;
     text-overflow: ellipsis;
-    white-space: nowrap;
+    white-space: nowrap !important;
   }
   label[id^='infolog-index_'][id$='info_enddate]'],
   label[id^='infolog-index_'][id$='info_startdate]'] {
-    font-size: 10px;
+    font-size: 8pt;
     float: right;
   }
   ul[id^='infolog-index_'][id$='info_responsible]'] > li {
-    float: right;
-    font-size: 10px;
+    font-size: 8pt;
+    text-align: right;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
+    padding-right: 8px;
   }
-  .infoSubRow:last-child {
-    float: right;
+  ul[id^='infolog-index_'][id$='filelinks]'] {
+    white-space: nowrap !important;
+  }
+  .infoSubRow span:last-child {
+    width: 20%;
   }
 }
 /**/
diff --git a/infolog/templates/pixelegg/app.less b/infolog/templates/pixelegg/app.less
index 5680524930..00ef2c00e5 100755
--- a/infolog/templates/pixelegg/app.less
+++ b/infolog/templates/pixelegg/app.less
@@ -13,7 +13,7 @@
  */
 
 @import (reference) "../../../pixelegg/less/def_buttons.less";
-@import (reference) "../../../pixelegg/less/def_design_pattern_color_font_shadow.less";
+@import (reference) "../../../pixelegg/less/def_mobile.less";
 @import (less) "../default/app.css";
 
 /* #############################################################################
@@ -407,38 +407,43 @@ button#infolog-edit_encrypt {
 		content:"#";
 	}
 	span.infolog_infoId {
-		font-size: 10px;
-		position: absolute;
-		padding-top: 9px;
+		.mob-fontsize-s;
+		padding-top: 5px;
 	}
 	div.infoDescRow {
-		height:50px;
-		font-size: 10px;
+		height:45px;
+		.mob-fontsize-s;
 		max-width: 99%;
 		overflow: hidden;
 		text-overflow: ellipsis;
 		white-space: nowrap;
 	}
-	div.infoLinksRow {
-		font-size: 10px;
+	div.infoLinksRow, div.infoLinksRow ul[id^='infolog-index_'][id$='filelinks]'] {
+		.mob-fontsize-s;
 		max-width: 99%;
 		overflow: hidden;
 		text-overflow: ellipsis;
-		white-space: nowrap;
+		white-space: nowrap !important;
 	}
 	label[id^='infolog-index_'][id$='info_enddate]'] , label[id^='infolog-index_'][id$='info_startdate]']{
-		font-size: 10px;
+		.mob-fontsize-s;
 		float:right;
 	}
 	ul[id^='infolog-index_'][id$='info_responsible]'] > li{
-		float: right;
-		font-size: 10px;
+		.mob-fontsize-s;
+		text-align: right;
 		text-overflow: ellipsis;
 		white-space: nowrap;
 		overflow: hidden;
+		padding-right: 8px;
+
 	}
-	.infoSubRow:last-child {
-		float:right;
+	ul[id^='infolog-index_'][id$='filelinks]']
+	{
+		white-space: nowrap !important;
+	}
+	.infoSubRow span:last-child {
+		width:20%;
 	}
 }