Tuning van tabellen

themes/nluug/assets/scss/styles.scss

@@ -391,9 +391,12 @@ header ul a:first-child {
 
 .m,hr {
     border: 0;
-    margin: 3rem 0
+    margin: 3rem 0;
 }
 
+.m-sm {
+  margin: 1rem;
+}
 img {
     max-width: 100%;
     height: auto;
@@ -421,6 +424,11 @@ img {
     display: inline;
 }
 
+.w-10 { width: 10%; }
+.w-20 { width: 20%; }
+.w-30 { width: 30%; }
+.w-40 { width: 40%; }
+.w-50 { width: 50%; }
 
 /* Table Styles */
 
@@ -431,7 +439,7 @@ img {
 
 .fl-table {
     border-radius: 5px;
-    font-size: 12px;
+    font-size: 14px;
     font-weight: normal;
     border: none;
     border-collapse: collapse;
@@ -443,11 +451,12 @@ img {
 .fl-table td, .fl-table th {
     text-align: left;
     padding: 8px;
+    vertical-align: top;
 }
 
 .fl-table td {
     border-right: 1px solid #f8f8f8;
-    font-size: 12px;
+    font-size: 14px;
 }
 
 .fl-table thead th {
@@ -466,7 +475,7 @@ img {
 
 /* Responsive */
 
-@media (max-width: 767px) {
+@media (max-width: 499px) {
     .fl-table {
         display: block;
         width: 100%;
@@ -475,7 +484,7 @@ img {
         content: "Scroll horizontally >";
         display: block;
         text-align: right;
-        font-size: 11px;
+        font-size: 12px;
         color: white;
         padding: 0 0 10px;
     }
@@ -496,12 +505,12 @@ img {
     .fl-table td, .fl-table th {
         padding: 20px .625em .625em .625em;
         height: 60px;
-        vertical-align: middle;
+        //vertical-align: middle;
         box-sizing: border-box;
         overflow-x: hidden;
         overflow-y: auto;
         width: 120px;
-        font-size: 13px;
+        font-size: 14px;
         text-overflow: ellipsis;
     }
     .fl-table thead tr th {

themes/nluug/layouts/evenementen/single.html

@@ -1,41 +0,0 @@
-{{ define "main" }}
-  {{ with .Params.event_title }}<h2>{{ . }}</h2>{{ end }}
-  <div>{{ .Content }}</div>
-  {{ if isset .Params "event_start" }}
-
-    {{ $event_start := .Params.event_start | time }}
-    <div class="highlight-box">
-
-      <h3>Locatie</h3>
-      <strong>{{ .Params.event_location }}</strong>
-      <p>{{ .Params.event_address.street_address }}<br>{{ .Params.event_address.postal_code }}, {{ .Params.event_address.city }}<br>{{ .Params.event_address.country_name }}</p>
-
-      <h3>Datum en tijd</h3>
-      <ul>
-        <li>Start: {{ time.Format "02-01-2006 15:04" .Params.event_start }}</li>
-        <li>Einde: {{ time.Format "02-01-2006 15:04" .Params.event_end }}</li>
-      </ul>
-    </div>
-
-    {{ with .Params.event_register_link }}
-      {{ if le now $event_start }}
-        <a href="{{ . }}" class="button">Inschrijven</a>
-      {{ else }}
-        <p>Dit evenement is al afgelopen, inschrijven is daarom niet meer mogelijk.</p>
-      {{ end }}
-    {{ end }}
-
-    <h3>Kalender</h3>
-    <p>Zet het event alvast in je agenda met onderstaande opties!</p>
-    <ul>
-    {{ with .OutputFormats.Get "calendarevent" }}
-      <li><a href="{{ .RelPermalink }}">Importeren via iCal-bestand</a></li>
-    {{ end }}
-    <li><a href="https://www.google.com/calendar/render?action=TEMPLATE&text={{ .Params.event_title | urlquery }}&details=Locatie:%20{{ .Params.event_location | urlquery }}&location={{ .Params.event_address.street_address }}%2c%20{{ .Params.event_address.postal_code }}%2c%20{{ .Params.event_address.city }}%2c%20{{ .Params.event_address.country_name }}&dates={{ time.Format "20060102T150405" .Params.event_start }}/{{ time.Format "20060102T150405" .Params.event_end }}&ctz={{ .Params.event_timezone }}">Importeren naar Google-kalender</a></li>
-    </ul>
-
-
-  {{ else }}
-    <p>Waarschuwing: dit evenement mist gegevens zoals start en einddatum.</p>
-  {{ end }}
-{{ end }}