toolbar mockup

diff --git a/backend.php b/backend.php
index 7d072fc8647aa48fbaa5a8e07aa0ce67dea1076f..d850f02334ba8285709938ec31e6f562e9376e72 100644 (file)
--- a/backend.php
+++ b/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;

diff --git a/tt-rss.css b/tt-rss.css
index 3f09e2b1b6eae3c2f776bf7d522dcc12911ba070..77e36b073461b9818c9d05bc272dfafae31c444a 100644 (file)
--- a/tt-rss.css
+++ b/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;
 }
 

diff --git a/tt-rss.php b/tt-rss.php
index 2abcea1a6601cc707d1141f82d5b2391b63193e9..cc854ea6b081192a4f7287e5d6bbff9563833657 100644 (file)
--- a/tt-rss.php
+++ b/tt-rss.php
@@ -9,8 +9,14 @@
 
 <table width="100%" height="100%" cellspacing=0 cellpadding=0>
 <tr>
-       <td class="header" valign="middle" colspan="2">
-               Tiny Tiny RSS
+       <td class="header" valign="middle" colspan="2"> 
+                       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>