From b2691befaecdef50ba0236d398d891bdadda20d3 Mon Sep 17 00:00:00 2001
From: Gilles Jacobs <gillesjac@gmail.com>
Date: Tue, 9 Dec 2014 21:11:31 +0100
Subject: [PATCH] ok

---
 map.css  |  8 ++++++++
 map.html | 41 ++++++++++++++++++++++++-----------------
 2 files changed, 32 insertions(+), 17 deletions(-)

diff --git a/map.css b/map.css
index d206bb3..4bfe1b5 100644
--- a/map.css
+++ b/map.css
@@ -14,3 +14,11 @@ html, body {
 .leaflet-control-zoom {
   border-radius: 0px;
 }
+
+.leaflet-popup-content-wrapper {
+  width: 400px;
+}
+
+td {
+  width: 14%;
+}
diff --git a/map.html b/map.html
index d9d9b27..06edff6 100644
--- a/map.html
+++ b/map.html
@@ -16,24 +16,31 @@
   <script id="popup-template" type="text/x-handlebars-template">
     <div id="resto-popup">
       <h3>{{name}}</h3>
-      <ul>
-        <li><b>Adres:</b> {{address}}</li>
-        <li><b>Capaciteit:</b> {{capacity}}</li>
-        <li><b>Periode:</b> Van {{period.start}} tot {{period.end}}</li>
-      </ul>
+      Waar: {{address}}<br />
+      Plaatsen: {{capacity}}<br />
+      Van {{period.start}} tot {{period.end}}<br />
+      <table>
+        <tr>
+          <td>Maandag</td>
+          <td>Dinsdag</td>
+          <td>Woensdag</td>
+          <td>Donderdag</td>
+          <td>Vrijdag</td>
+          <td>Zaterdag</td>
+          <td>Zondag</td>
+        </tr>
+        <tr>
+          <td>{{#if hours.monday}}{{hours.monday}}{{else}}--{{/if}}</td>
+          <td>{{#if hours.tuesday}}{{hours.tuesday}}{{else}}--{{/if}}</td>
+          <td>{{#if hours.wednesday}}{{hours.wednesday}}{{else}}--{{/if}}</td>
+          <td>{{#if hours.thursday}}{{hours.thursday}}{{else}}--{{/if}}</td>
+          <td>{{#if hours.friday}}{{hours.friday}}{{else}}--{{/if}}</td>
+          <td>{{#if hours.saturday}}{{hours.saturday}}{{else}}--{{/if}}</td>
+          <td>{{#if hours.sunday}}{{hours.sunday}}{{else}}--{{/if}}</td>
+        </tr>
+      </table>
 
-      Openingsuren
-      <ul>
-        <li><b>Maandag:</b> {{hours.monday}}</li>
-        <li><b>Dinsdag:</b> {{hours.tuesday}}</li>
-        <li><b>Woensdag:</b> {{hours.wednesday}}</li>
-        <li><b>Donderdag:</b> {{hours.thursday}}</li>
-        <li><b>Vrijdag:</b> {{hours.friday}}</li>
-        <li><b>Zaterdag:</b> {{hours.saturday}}</li>
-        <li><b>Zondag:</b> {{hours.sunday}}</li>
-      </ul>
-
-      Extra: {{extra}}
+      {{extra}}
     </div>
   </script>
   <script type="text/javascript">