Improve UI

Highlight future transactions
clarify settings are for budget

web/account.html

@@ -13,7 +13,7 @@
 </div>
 <table class="container col-lg-12" id="content">
     {{range .Transactions}}
-    <tr>
+    <tr class="{{if .Date.After now}}future{{end}}">
         <td>{{.Date.Format "02.01.2006"}}</td>
         <td>
             {{.Account}}

web/budget-sidebar.tpl

@@ -36,7 +36,7 @@
                 + Add Account
         </li>
         <li>
-                <a href="/budget/{{.Budget.ID}}/settings">Settings</a>
+                <a href="/budget/{{.Budget.ID}}/settings">Budget-Settings</a>
         </li>
         <li>
                 <a href="/admin">Admin</a>

web/settings.html

@@ -1,5 +1,5 @@
 {{define "title"}}
-    {{.Budget.Name}} - Settings
+    Settings for Budget "{{.Budget.Name}}"
 {{end}}
 
 {{template "base" .}}

web/static/css/main.css

@@ -65,9 +65,13 @@ body {
     text-align: right;
 }
 
+/* Highlights */
 .negative {
     color: #d50000;
 }
 .zero {
     color: #888888;
+}
+.future {
+    background-color: #cccccc;
 }