rework headlines list appearance

2 files changed, 50 insertions, 9 deletions

diff --git a/backend.php b/backend.php
index c6c0bbace..3ec932120 100644
--- a/backend.php
+++ b/backend.php
@@ -1050,24 +1050,21 @@
 			print "<tr class='$class' id='RROW-$id'>";
 			// onclick=\"javascript:view($id,$feed_id)\">
 
-			print "<td valign='center' align='center'>$update_pic</td>";
+			print "<td valign='center' class='hlUpdatePic'>$update_pic</td>";
 
-			print "<td valign='center' align='center'>
+			print "<td valign='center' class='hlSelectRow'>
 				<input type=\"checkbox\" onclick=\"toggleSelectRow(this)\"
 					class=\"feedCheckBox\" id=\"RCHK-$id\">
 				</td>";
 
-			print "<td valign='center' align='center'>$marked_pic</td>";
-
-			print "<td width='15%'>
-				<a href=\"javascript:view($id,$feed_id);\">".$line["updated"]."</a></td>";
+			print "<td valign='center' class='hlMarkedPic'>$marked_pic</td>";
 
 			if ($line["feed_title"]) {			
-				print "<td width='65%'>$content_link</td>";
-				print "<td width='20%'>
+				print "<td class='hlContent'>$content_link</td>";
+				print "<td class='hlFeed'>
 					<a href='javascript:viewfeed($feed_id)'>".$line["feed_title"]."</a></td>";
 			} else {			
-				print "<td width='85%'>$content_link";
+				print "<td class='hlContent'>$content_link";
 				if (get_pref($link, 'SHOW_CONTENT_PREVIEW')) {
 					$content_preview = truncate_string(strip_tags($line["content_preview"]), 
 						100);
@@ -1076,6 +1073,9 @@
 				print "</td>";
 			}
 
+			$updated_fmt = date("M d, G:i", strtotime($line["updated"]));
+			print "<td class=\"hlUpdated\"><nobr>$updated_fmt</nobr></td>";
+
 			print "</tr>";
 
 			++$lnum;
diff --git a/tt-rss.css b/tt-rss.css
index 9eabfd929..12d1df154 100644
--- a/tt-rss.css
+++ b/tt-rss.css
@@ -705,3 +705,44 @@ span.contentPreview {
 	color : gray;
 	font-weight : normal;
 }
+
+td.hlMarkedPic {
+	width : 25px;
+	text-align : center;
+}
+
+td.hlSelectRow, td.hlUpdatePic {
+	width : 25px;
+	text-align : center;
+}
+
+td.hlUpdated {
+	font-size : small;
+	color : gray;
+	text-align : right;
+	width : 100px;
+}
+
+/*
+tr.even td.headlineContent, tr.evenUnread td.headlineContent {
+	display : block;
+	overflow : hidden;
+	height : 1em;	
+	background-color : #f0f0f0;
+}
+
+tr.odd td.headlineContent, tr.oddUnread td.headlineContent {
+	display : block;
+	overflow : hidden;
+	height : 1em;
+}
+
+tr.oddSelected td.headlineContent,
+tr.evenSelected td.headlineContent,
+tr.oddUnreadSelected td.headlineContent,
+tr.evenUnreadSelected td.headlineContent {
+	display : block;
+	overflow : hidden;
+	height : 1em;
+	background-color : #e0e0ff;
+} */