list instead of table for accounts

1 files changed, 20 insertions, 19 deletions

diff --git a/talerbank/app/templates/public_accounts.html b/talerbank/app/templates/public_accounts.html
index b360af6..90589df 100644
--- a/talerbank/app/templates/public_accounts.html
+++ b/talerbank/app/templates/public_accounts.html
@@ -23,36 +23,37 @@
 {% endblock headermsg %}
 
 {% block content %}
-  <aside class="sidebar" id="left">
-  </aside>
+  <a href="{{ url('index') }}">Back</a>
   <section id="main">
     <article>
-      <a href="{{ url('index') }}">Back</a>
-      <table bgcolor="#E0E0E0" width="100%" width="100%" border="0" cellpadding="2" cellspacing="1">
-        <tr>
+      <div class="pure-menu pure-menu-horizontal">
+          <ul class="pure-menu-list">
+              <li class="pure-menu-item"><a href="#" class="pure-menu-link">News</a></li>
+              <li class="pure-menu-item"><a href="#" class="pure-menu-link">Sports</a></li>
+              <li class="pure-menu-item"><a href="#" class="pure-menu-link">Finance</a></li>
           {% for account in public_accounts %}
-            <td width="12%" align="center">
-              <a id="{{ account.user.username }}"
-                 href="{{ url("public-accounts", name=account.user.username) }}"
-                 {% if account.account_no == selected_account.number %}
-                 style="font-weight: bold"
-                 {% endif %}
-                 >
-	     {{ account.user.username }}
-              </a>
-	    </td>
+            {% if account.account_no == selected_account.number %}
+            <li class="pure-menu-item">
+            {% else %}
+            <li class="pure-menu-item pure-menu-selected">
+            {% endif %}
+              <a href="{{ url("public-accounts", name=account.user.username) }}">
+                {{ account.user.username }}
+              </a>"
+            </li>
           {% endfor %}
-        </tr>
-      </table>
+          </ul>
+      </div>
+
       <div id="transactions-history">
         {% if selected_account.history %}
 	  <table class="history">
-            <tr>
+            <thead>
               <th style="text-align:center">Date</th>
               <th style="text-align:center">Amount</th>
               <th style="text-align:center">Counterpart</th>
               <th style="text-align:center">Subject</th>
-	    </tr>
+	    </thead>
             {% for entry in selected_account.history %}
 	    <tr>
               <td style="text-align:right">{{entry.date}}</td>