diff --git a/infolog/templates/mobile/index.xet b/infolog/templates/mobile/index.xet
index 60ce32dae5..0c342659b2 100644
--- a/infolog/templates/mobile/index.xet
+++ b/infolog/templates/mobile/index.xet
@@ -20,7 +20,7 @@
 		<grid width="100%" >
 			<columns>
 				<column width="10"/>
-				<column width="70"/>
+				<column width="80"/>
 				<column width="95%" />
 			</columns>
 			<rows>
@@ -29,27 +29,22 @@
 				</row>
 				<row class="$row_cont[class]" valign="top">
 					<description class=" cat_$row_cont[info_cat] mobile_cat_col"/>
-					<vbox align="center"  class="infolog_CompletedClmn">
-						<time_or_date id="${row}[info_startdate]" readonly="true" options=",8" class="infolog_fixedHeight"/>
+					<vbox align="center" 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"/>
-						<image label="$row_cont[info_status_label]" id="edit_status[$row_cont[info_id]]" class="infoDetails" href="javascript:egw.open($row_cont[info_id],'infolog');" src="$row_cont[info_status_label]" default_src="status"/>
 						<progress label="$row_cont[info_percent]" id="{$row}[info_percent2]" href="javascript:egw.open($row_cont[info_id],'infolog');"/>
-						<description align="right" id="{$row}[info_number]" no_lang="1" class="infolog_infoId"/>
 					</vbox>
 					<vbox class="infolog_fullWidth">
-						<hbox>
-							<link label="%s $row_cont[info_addr]" id="${row}[info_link]" options="b" class="infoDetails"/>
-							<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="80%"/>
-							<listbox disabled="@no_info_owner_info_responsible" type="select-account" id="${row}[info_responsible]" readonly="true" width ="100%" rows="1" class="infoDetails"/>
+							<description id="${row}[info_subject]" no_lang="1" class="$row_cont[sub_class] et2_ellipsis" overflow="hidden" width="60%"/>
+							<time_or_date id="${row}[info_enddate]" readonly="true" options=",8" class="$row_cont[end_class]"/>
 						</hbox>
 						<box class="infoDescRow">
 							<description id="${row}[info_des]" no_lang="1" activate_links="1"/>
 						</box>
+						
 						<hbox class ="infoLinksRow infoDetails" overflow="hidden">
-							<link-string id="${row}[filelinks]"/>
+							<link label="%s $row_cont[info_addr]" id="${row}[info_link]" options="b" class="infoDetails"/>
 						</hbox>
 						
 					</vbox>
diff --git a/infolog/templates/pixelegg/app.css b/infolog/templates/pixelegg/app.css
index 66d641ac8d..0dd316b8f3 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;
@@ -339,9 +339,6 @@ div#infolog-edit_infolog-edit-description {
 #infolog-index #infolog-index_nm .egwGridView_scrollarea table.egwGridView_grid img {
   height: 16px;
 }
-#infolog-index #infolog-index_nm .egwGridView_scrollarea table.egwGridView_grid span.et2_link {
-  font-weight: bold;
-}
 #infolog-index #infolog-index_nm .egwGridView_scrollarea table.egwGridView_grid ul.et2_link_string li.et2_link {
   font-weight: normal;
 }
@@ -430,16 +427,9 @@ button#infolog-edit_timestamp {
   #infolog-index_nm .gridCont_0_div_col_0.innerContainer {
     min-width: auto;
   }
-  span.infolog_infoId:before {
-    content: "#";
-  }
-  span.infolog_infoId {
-    font-size: 8pt;
-    padding-top: 5px;
-  }
   div.infoDescRow {
-    height: 45px;
-    font-size: 8pt;
+    height: 15px;
+    font-size: 9pt;
     max-width: 99%;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -447,24 +437,27 @@ button#infolog-edit_timestamp {
   }
   div.infoLinksRow,
   div.infoLinksRow ul[id^='infolog-index_'][id$='filelinks]'] {
-    font-size: 8pt;
+    font-size: 9pt;
     max-width: 99%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap !important;
   }
-  label[id^='infolog-index_'][id$='info_enddate]'],
-  label[id^='infolog-index_'][id$='info_startdate]'] {
+  label[id^='infolog-index_'][id$='info_enddate]'] {
     font-size: 8pt;
     float: right;
   }
+  label[id^='infolog-index_'][id$='info_startdate]'] {
+    float: left;
+    font-size: 8pt;
+  }
   ul[id^='infolog-index_'][id$='info_responsible]'] {
     overflow: hidden;
     white-space: nowrap;
     max-height: 15px;
   }
   ul[id^='infolog-index_'][id$='info_responsible]'] li {
-    font-size: 8pt;
+    font-size: 9pt;
     text-align: right;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -485,6 +478,15 @@ button#infolog-edit_timestamp {
     text-overflow: ellipsis;
     overflow: hidden;
     width: 70%;
+    font-size: 9pt;
+    font-weight: normal;
+  }
+  infolog_rowHasSubs span.arrow,
+  table.egwGridView_grid span.arrow.closed {
+    display: none !important;
+  }
+  tr.infolog_rowHasParent > td:first-child {
+    background: none !important;
   }
 }
 /**/
diff --git a/infolog/templates/pixelegg/app.less b/infolog/templates/pixelegg/app.less
index 46bb70cb19..76c180ec88 100755
--- a/infolog/templates/pixelegg/app.less
+++ b/infolog/templates/pixelegg/app.less
@@ -226,7 +226,7 @@ div.et2_box_widget{
 
                 img{height: 16px;}
 
-                span.et2_link {font-weight: bold;}
+                span.et2_link {}
 
                 ul.et2_link_string {
                    li.et2_link {font-weight: normal;}
@@ -410,16 +410,8 @@ button#infolog-edit_timestamp {
 	#infolog-index_nm .gridCont_0_div_col_0.innerContainer {
 		min-width: auto;
 	}
-	
-	span.infolog_infoId:before {
-		content:"#";
-	}
-	span.infolog_infoId {
-		.mob-fontsize-s;
-		padding-top: 5px;
-	}
 	div.infoDescRow {
-		height:45px;
+		height:15px;
 		.mob-fontsize-s;
 		max-width: 99%;
 		overflow: hidden;
@@ -433,10 +425,14 @@ button#infolog-edit_timestamp {
 		text-overflow: ellipsis;
 		white-space: nowrap !important;
 	}
-	label[id^='infolog-index_'][id$='info_enddate]'] , label[id^='infolog-index_'][id$='info_startdate]']{
-		.mob-fontsize-s;
+	label[id^='infolog-index_'][id$='info_enddate]'] {
+		.mob-fontsize-xs;
 		float:right;
 	}
+	label[id^='infolog-index_'][id$='info_startdate]']{
+		float: left;
+		.mob-fontsize-xs;
+	}
 	ul[id^='infolog-index_'][id$='info_responsible]'] {
 		overflow:hidden;
 		white-space:nowrap;
@@ -468,6 +464,15 @@ button#infolog-edit_timestamp {
 		text-overflow: ellipsis;
 		overflow: hidden;
 		width: 70%;
+		.mob-fontsize-s;
+		font-weight: normal;
+	}
+	infolog_rowHasSubs span.arrow, 
+	table.egwGridView_grid span.arrow.closed{
+		display: none !important;
+	}
+	tr.infolog_rowHasParent > td:first-child {
+		background: none !important;
 	}
 }