toolbar mockup

backend.php

@@ -18,12 +18,13 @@
 		while ($line = pg_fetch_assoc($result)) {
 
 			$feed = $line["title"];
+			$feed_id = $line["id"];	  
 			
 			$class = ($lnum % 2) ? "even" : "odd";
 			
 //			if ($lnum == 2 || $lnum == 0) $feed = "<b>$feed</b>";
 			
-			$feed = "<a href=\"javascript:viewfeed('$feed')\">$feed</a>";
+			$feed = "<a href=\"javascript:viewfeed($feed_id);\">$feed</a>";
 			
 			print "<li class=\"$class\">$feed</li>";
 			++$lnum;

tt-rss.css

@@ -12,14 +12,33 @@ a {
 
 a:hover {
 	text-decoration : underline;
+}
 
+a.button {
+	border : 1px solid #d0d0d0;
+	background : white;
+	color : black;
+	padding : 5px 10px 5px 10px;
+}
+
+a.button:hover {
+	background : #f0f0f0;
+	text-decoration : none;
+}
+
+td.toolbar {
+	height : 40px;
+	text-align : right;
+	background : #f0f0f0;
+	padding-right : 5px;
 }
 
 td.header {
 	font-size : 18pt;
 	background : #f0f0f0;
-	height : 100px;
+	height : 50px;
 	padding-left : 80px;
+	padding-top : 30px;
 	font-weight : bold;
 }
 

tt-rss.php

@@ -13,6 +13,12 @@
 			Tiny Tiny RSS
 	</td>
 </tr>
+<tr>
+	<td class="toolbar" valign="middle" colspan="2">	
+		<a class="button">Preferences</a>
+		<a class="button">Refresh</a>
+	</td>
+</tr>
 <tr>
 	<td valign="top" rowspan="2" id="feeds" class="feeds"> 
 		Here be feeds