From ffaa72dda0bffe97ddc06fa12e87fe96ebb0a105 Mon Sep 17 00:00:00 2001
From: Christiaan Goossens <contact@christiaangoossens.nl>
Date: Fri, 31 Mar 2017 18:22:04 +0200
Subject: [PATCH] Main final design touches

---
 assets/css/main.css         | 14 +++++++++++++-
 templates/index.phtml       | 34 ++++++++++++++--------------------
 templates/transacties.phtml | 12 ++++++++----
 3 files changed, 35 insertions(+), 25 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index 6ef0522..ac7ce0d 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -45,10 +45,22 @@ ul.nv {
 /** Index **/
 .clickable {
     cursor: pointer;
+    color: #333;
 }
 
 .clickable:hover {
-    background: #0094ff;
+    text-decoration: none;
+    color: #333;
+}
+
+.clickable:hover > div {
+    background: #eaeaea;
+}
+
+.big {
+    font-size: 24px;
+    color: #0094ff;
+    font-weight: 600;
 }
 
 /** Footer **/
diff --git a/templates/index.phtml b/templates/index.phtml
index f18ad5c..75d62af 100644
--- a/templates/index.phtml
+++ b/templates/index.phtml
@@ -1,25 +1,19 @@
 <?php include '__header.phtml'; ?>
 
-<table class="table">
-    <tr>
-        <th>IBAN</th>
-        <th>Saldo</th>
-		<th>Rekeningtype</th>
-		<th>Rente</th>
-    </tr>
-    <?php
-        foreach ($rekeningen as $rekening) {
-            ?>
-            <tr class="clickable" onclick="document.location.href = 'rekeningen/<?php echo $rekening['nr'] ?>'">
-                <td><?php echo $rekening['iban']; ?></td>
-                <td><?php echo "&euro;" . $rekening['saldo']; ?></td>
-				<td><?php echo $rekening['naam']; ?></td>
-				<td><?php echo $rekening['rente']; ?></td>
-            </tr>
-            <?php
+<h2 class="page-header">Mijn rekeningen<a class="btn btn-default pull-right" href="overboeking" role="button">Nieuwe overboeking</a></h2>
 
-        }
-    ?>
-</table>
+<?php
+    foreach ($rekeningen as $rekening) {
+        ?>
+        <a class="clickable" onclick="document.location.href = 'rekeningen/<?php echo $rekening['nr'] ?>'"><div class="panel panel-default">
+          <div class="panel-body">
+            <h4><?php echo $rekening['naam']; ?><span class="pull-right big"><?php echo money_format('%(#1n', $rekening['saldo']); ?></span></h4>
+            <p><?php echo $rekening['iban']; ?></p>
+          </div>
+      </div></a>
+        <?php
+
+    }
+?>
 
 <?php include '__footer.phtml'; ?>
diff --git a/templates/transacties.phtml b/templates/transacties.phtml
index 63936a7..87974b1 100644
--- a/templates/transacties.phtml
+++ b/templates/transacties.phtml
@@ -14,13 +14,17 @@ if (!$rekening) {
 <div class="panel panel-default">
   <div class="panel-body">
     <div class="row">
-      <div class="col-md-6">
+      <div class="col-md-8">
           IBAN/rekeningnummer<br/>
           <h4><?php echo $rekening['iban']?></h4>
       </div>
-      <div class="col-md-6">Saldo<br/>
-      <h4><?php echo money_format('%(#1n', $rekening['saldo']); ?></h4>
-  </div>
+
+      <div class="col-md-2">Rentetarief<br/>
+          <h4><?php echo $rekening['rente']; ?>%</h4>
+      </div>
+      <div class="col-md-2">Saldo<br/>
+          <h4><b><?php echo money_format('%(#1n', $rekening['saldo']); ?></b></h4>
+      </div>
     </div>
 
   </div>