From e3b661314b602681b00e3e6f259ea141a2928d57 Mon Sep 17 00:00:00 2001
From: Patrick Neff <odie86@gmail.com>
Date: Thu, 28 Feb 2019 11:24:06 +0100
Subject: [PATCH] Theme fixes

---
 .../kunstwerke/dorfbrunnen-rheidt/index.md     | 10 +++++-----
 themes/neff/layouts/partials/gallery.html      |  1 +
 themes/neff/layouts/partials/menu.html         |  1 +
 themes/neff/layouts/shortcodes/gallery.html    |  5 +++--
 themes/neff/src/scss/_grid.scss                | 17 ++++++++++++++---
 themes/neff/src/scss/_header.scss              |  2 --
 themes/neff/src/scss/_single.scss              | 18 ++++++++++++++++--
 7 files changed, 40 insertions(+), 14 deletions(-)

diff --git a/content/galerie/kunstwerke/dorfbrunnen-rheidt/index.md b/content/galerie/kunstwerke/dorfbrunnen-rheidt/index.md
index 619959d..359dbd4 100644
--- a/content/galerie/kunstwerke/dorfbrunnen-rheidt/index.md
+++ b/content/galerie/kunstwerke/dorfbrunnen-rheidt/index.md
@@ -34,11 +34,6 @@ keywords = ["brunnen", "diabas", "niederkassel", "rheidt", "rhein"]
 
 *Material: Hessischer Olivindiabas [(Pikrit)](https://de.wikipedia.org/wiki/Pikrit)*
 
-> "Gott machte also das Gewölbe und schied das Wasser unterhalb des Gewölbes
-> vom Wasser oberhalb des Gewölbes. So geschah es."
->
->> -- <cite>1. Buch Genesis 1,7</cite>
-
 Der Brunnen besteht aus einer zweigeteilten Kugel die die Erde symbolisieren
 soll die ein Gesamtgewicht von etwa 3,7 Tonnen hat. Diese geteilte Weltkugel
 wird von einem letzten weiteren Teil getrennt, der den Rhein der an der Stadt
@@ -52,6 +47,11 @@ seitlich ebenso bearbeitet wie die Kugel, die Oberfläche wurde allerdings
 gestockt und anschliessend mit Beilhieben versehen. Als Finish wurden alle
 Oberfläschen fein geschliffen und die Kanten wurden matt glänzend poliert.
 
+> "Gott machte also das Gewölbe und schied das Wasser unterhalb des Gewölbes
+> vom Wasser oberhalb des Gewölbes. So geschah es."
+>
+>> <cite>1. Buch Genesis 1,7</cite>
+
 {{< gallery >}}
   {{< image search="bilder/brunnen-rheidt-haelfte-in-der-werkstatt.jpg" list="true" >}}
   {{< image search="bilder/brunnen-rheidt-haelfte-auf-stapler.jpg" list="true" >}}
diff --git a/themes/neff/layouts/partials/gallery.html b/themes/neff/layouts/partials/gallery.html
index 9034bdb..bd3d1fa 100755
--- a/themes/neff/layouts/partials/gallery.html
+++ b/themes/neff/layouts/partials/gallery.html
@@ -1,3 +1,4 @@
+<div class="clearfix"></div>
 <ul class="list-unstyled flex row gallery">
     {{- range .Resources.ByType "image" -}} 
         <li class="padding">
diff --git a/themes/neff/layouts/partials/menu.html b/themes/neff/layouts/partials/menu.html
index ffb57dc..c5c91b1 100755
--- a/themes/neff/layouts/partials/menu.html
+++ b/themes/neff/layouts/partials/menu.html
@@ -21,4 +21,5 @@
         {{ partial "menu-item.html" (dict "item" . "ctx" $currentPage)}}
     {{- end -}}
 </ul>
+<div class="clearfix"></div>
 {{- end -}}
diff --git a/themes/neff/layouts/shortcodes/gallery.html b/themes/neff/layouts/shortcodes/gallery.html
index b6ff561..b96e944 100644
--- a/themes/neff/layouts/shortcodes/gallery.html
+++ b/themes/neff/layouts/shortcodes/gallery.html
@@ -37,12 +37,13 @@
     {{- end -}}
 {{- end -}}
 
+<div class="clearfix"></div>
 {{ with .Inner }}
-    <ul class="clearfix list-unstyled flex row gallery">
+    <ul class="list-unstyled flex row gallery neg-margin">
         {{ . }}
     </ul>
 {{ else }}
-    <ul class="clearfix list-unstyled flex row gallery">
+    <ul class="list-unstyled flex row gallery neg-margin">
             {{ range $.Page.Resources.Match $search }}
                 {{- if (ne .Params.featured true) -}}
                     <li class="padding">
diff --git a/themes/neff/src/scss/_grid.scss b/themes/neff/src/scss/_grid.scss
index 44ed5ac..d1099d3 100644
--- a/themes/neff/src/scss/_grid.scss
+++ b/themes/neff/src/scss/_grid.scss
@@ -241,8 +241,14 @@ table {
     padding: 0;
 }
 
-.clearfix {
-    clear: both;
+.clearfix::before,
+.clearfix::after {
+  content: " ";
+  display: table;
+} 
+
+.clearfix::after {
+  clear: both;
 }
 
 figure.fill {
@@ -269,6 +275,7 @@ figure.left {
     margin-right: $gutter-width;
     max-width: $min-column-width;
     padding: 0.5rem 0;
+    float: left
 }
 
 figure.right {
@@ -296,6 +303,10 @@ figure {
     }
 }
 
+.neg-margin {
+    margin: 0 calc(0 - #{$gutter-width}) 0;
+}
+
 .btn {
     padding: .5rem 2rem;
     border: 1px solid black;
@@ -376,7 +387,7 @@ a.btn-primary {
 
         &.gallery {
             li {
-                max-width: calc(#{$min-column-width-desktop} + calc(2 * #{$gutter-width}));
+                max-width: calc(#{$min-column-width-desktop} + calc(3 * #{$gutter-width}));
             }
         }
     }
diff --git a/themes/neff/src/scss/_header.scss b/themes/neff/src/scss/_header.scss
index ccbf5c6..92a13d3 100644
--- a/themes/neff/src/scss/_header.scss
+++ b/themes/neff/src/scss/_header.scss
@@ -148,8 +148,6 @@
         }
 
         input[type=checkbox]:checked ~ .navbar-container nav {
-            height: 255px; //TODO: make dynamic in Webkit
-
             ul {
                 @include menu-list(column);
 
diff --git a/themes/neff/src/scss/_single.scss b/themes/neff/src/scss/_single.scss
index 59abbdd..82fec4a 100644
--- a/themes/neff/src/scss/_single.scss
+++ b/themes/neff/src/scss/_single.scss
@@ -9,8 +9,9 @@
     .featured {
         max-width: $min-column-width;
         height: auto;
-        float: none;
+        display: inline-block;
         margin-bottom: 1rem;
+        float: left;
 
         img {
             width: 100%;
@@ -20,13 +21,26 @@
             margin-top: 0;
         }
     }
+
+    p {
+        float: none;
+    }
+
+    blockquote {
+        float: none;
+        font-style: italic;
+
+        cite { 
+            font-size: 0.8em;
+            margin-left: 1rem;
+        }
+    }
 }
 
 @media screen and (min-width: 500px) {
     #single {
         .featured {
             max-width: $min-column-width-desktop;
-            float: left;
         }
     }
 }