From e6b11f4585a7673c344b8fe2b9477d63ba98bff7 Mon Sep 17 00:00:00 2001
From: Jannik Beyerstedt <code@jannikbeyerstedt.de>
Date: Sun, 24 Apr 2016 23:02:37 +0200
Subject: [PATCH] [SITE CSS] fix some spacing issue at mobile layout - bigger
 margin on the bottom of the footer - invert font color of mobile menu button
 at photos pages - swap li and a tags in mobile menu. bigger width menu not
 changed, because big click target is needed - bigger margin in top of the
 headings h1 to h4

---
 assets/css/main.css                |   5 +++--
 assets/css/main.css.map            | Bin 8378 -> 8399 bytes
 assets/css/templates/photo.css     |   4 ++++
 assets/css/templates/photo.css.map | Bin 7319 -> 7395 bytes
 assets/scss/main.scss              |   3 ++-
 assets/scss/templates/photo.scss   |   5 +++++
 site/snippets/base/cont-header.php |   7 ++++---
 7 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index 688817e..b2ced04 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -8,6 +8,7 @@ body {
 
 h1, h2, h3, h4 {
   margin-bottom: 18px;
+  margin-top: 1em;
   font-family: 'Crimson Text', serif; }
 
 h5 {
@@ -198,12 +199,12 @@ html {
 @media (max-width: 543px) {
   body {
     /* Margin bottom by footer height */
-    margin-bottom: 192px; }
+    margin-bottom: 205px; }
   footer {
     position: absolute;
     bottom: 0;
     width: 100%;
-    height: 162px; } }
+    height: 175px; } }
 
 /*
  * HELPERS
diff --git a/assets/css/main.css.map b/assets/css/main.css.map
index 705f6fb40d16e9460efe178d82106e518972185a..18087693b69a4fe8b5f4d95f1348877398f55896 100644
GIT binary patch
delta 663
zcmYL`PiqrV6vatXu!YyAF%7LvXh1~8KAH(>wK5>RZ#sY8o4mw9(}v)t>0gtQG^w3p
z^aFGy*t>V<N(;j5`~<pk;Z9Hl_kIT7WD>hQ_uX@U@0`!@4L)s7XjOnJH33X&19060
z<B-uUfUQXEGJq4NW=@akI)IDai4Ua6JX!&$P+Mqtck(GIFgFyW5?%)9lYhoy1w10T
zxW*c&kz8;|YGd)$jU#N6Ox!HB@OI)SDcCM`m8DwhVq)f!96AQ&A%zsr@ypDURL`*o
zf_l+$HgpMQ4d2e@P$qAZCa(<`bWgPKRdO-acN!yxQ)gd2=GO3W0)HgWrt>3rPaN<~
zJWgk)`n<_TCR%WQy&fYyVGfk=B>qi#(+~I%$`fnDHD6q<ouNPbIMo*aL0iHIK^yA!
zor`oPl@}4GGF%fiHL^o2HM)k+(%QYId*#(~cj*qmP87Y0M&$|CuFBo*+jZ=ag)qC|
zd)kkYhm1$$+*-ow+{(JI(o_}N)UZx%FACNGFa~An{61?+-=Nz7+te(wrShObb--#H
zb)Cyq{5rRs>z2xN4`44MP+cfb*(>cUgz`$MfgiIAsLemR)sqliH^qtcS#-_hFUoS%
t*FhOC=6{jn3Xdw~q8q%v@je#MOKbR(4npQ#tcbrei@2Uy4runx_&-bczN`QM

delta 609
zcmYL`Pj3=Y6vabnA~g@4q2M53NsPOWe_9kJQ%&w0hd1xR11B14SZO0I)GAPF1r{d8
zL>DGTbJtzCFfL5gWOlCVC-4)rF>%vxVINFs7qdB;bMEh*^9O#x&srqC46tlE0FK$E
z06l6lC~i{A0^s;I@{KG|&#VGeO(q6-d*%Td($YwfN_gq-%>0`Q4e>R}h6es;GMJjq
z-QA%0H<=1M<rZ3J_u@lVGD`p@^?#c^u{d~Z6umQ9{Gpx3ciN)*1i8v=ldF@K6l=Jr
z-6tKFjRoa;hD*9jn*8CI!}3H6Kk9Q@-(8t-^xRcT;_kU5YI+P0^jFb>dz9yic^4nY
zFGTx%olXJ<{!XkOn(YW@tc-35*OK7W@VB1BYRn)v_;ElUAI0aQTjIq30^i5)&2ETe
z#Fnr}_7!E%;{R9#6Nxk_h=5qd=W!{~h&D?n5iR_lNQL{XKIzIoNNk75P09mEUc80t
z#`TL^syzn4OuN`)UQnbBV4I`eES{%L+%=3-9lLIEnZteKO153Dm<@nNu&QcRCCE;B
zRc%^XEGx!L3Z3MgOC1TpEk|_aHVv{JzFCoz=I14TP41KDRUVAPMce;${!1uaki`)<
Z>X~c!CfyA$$jZ?>o?<P1*@w)B=|lIVw6p*K

diff --git a/assets/css/templates/photo.css b/assets/css/templates/photo.css
index 4e9d7f0..67853a4 100644
--- a/assets/css/templates/photo.css
+++ b/assets/css/templates/photo.css
@@ -14,6 +14,10 @@ a {
   nav ul.nav.main {
     color: #fff; } }
 
+@media (max-width: 543px) {
+  .navbar-toggler {
+    color: #fff; } }
+
 footer {
   background-color: #303030;
   color: #e6e6e6; }
diff --git a/assets/css/templates/photo.css.map b/assets/css/templates/photo.css.map
index 26133af813d0cd56ed7457c607f132bd282c3ce2..7de4be940b78271f3312b052797dd0536489f709 100644
GIT binary patch
delta 75
zcmbPk`Pg#9I!+e<eCMRe-kdV}mQHz2I;oD1sXES%j?UJej?Pg!-j0smI<B5sPVPFM
dj*gx>?q2Cm&eqmIX5QqDob8Myn=QHGgaB=U7G3}V

delta 22
ecmaECIo)!@I!<Os@2tsxIolbtHn(!c2>}3W3J8h-

diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index 81aad20..17a6890 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -14,6 +14,7 @@ body {
 }
 h1, h2, h3, h4 {
   margin-bottom: 18px;
+  margin-top: 1em;
   font-family: 'Crimson Text', serif;
 }
 h5 {
@@ -247,7 +248,7 @@ footer {
 
 /* make footer sticky */
 $footer_height:    85px;
-$footer_height_xs: 162px;
+$footer_height_xs: 175px;
 $footer_margin:    30px;
 html {
   position: relative;
diff --git a/assets/scss/templates/photo.scss b/assets/scss/templates/photo.scss
index edd5717..97e9658 100644
--- a/assets/scss/templates/photo.scss
+++ b/assets/scss/templates/photo.scss
@@ -25,6 +25,11 @@ a {
     }
   }
 }
+@include media-breakpoint-down(xs) {
+  .navbar-toggler {
+      color: $nav_fgColor;
+  }
+}
 footer {
   background-color: darken($color_bg_inv, 7%);
   color: darken($color_font_inv, 10%);
diff --git a/site/snippets/base/cont-header.php b/site/snippets/base/cont-header.php
index 917285c..39d30db 100644
--- a/site/snippets/base/cont-header.php
+++ b/site/snippets/base/cont-header.php
@@ -24,12 +24,13 @@ if ($page->depth() == 1) {
   <div class="bg-inverse p-a-1">
     <nav>
       <ul class="nav mobileNav">
+        <li><a href="<?php echo $site->url()?>">Home</a></li>
       <?php foreach ($site->children()->visible() as $p) : ?>
-        <a href="<?php echo $p->url()?>" <?php echo ($page == $p)?'class="active"':'' ?>><li><?php echo $p->title() ?></li></a>
+        <li><a href="<?php echo $p->url()?>" <?php echo ($page == $p)?'class="active"':'' ?>><?php echo $p->title() ?></a></li>
         <?php if ($p->hasVisibleChildren() && $p->template() != 'blog') : ?>
         <ul class="">
         <?php foreach ($p->children()->visible() as $c) : ?>
-          <a href="<?php echo $c->url()?>" <?php echo ($page == $c)?'class="active"':'' ?>><li><?php echo $c->title() ?></li></a>
+          <li><a href="<?php echo $c->url()?>" <?php echo ($page == $c)?'class="active"':'' ?>><?php echo $c->title() ?></a></li>
         <?php endforeach; ?>
         </ul>
         <?php endif; ?>
@@ -49,7 +50,7 @@ if ($page->depth() == 1) {
 
     <nav aria-hidden="true">
       <button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar">
-        Menü <i class="fa fa-bars"></i>
+        Menü
       </button>
 
       <ul class="nav hidden-xs-down <?php echo ($subnav)?'main':'home' ?>">