From 22e0c8860806b5b3c0e40cef305b7f0c9975e42e Mon Sep 17 00:00:00 2001
From: Romain <choicesmade@gmail.com>
Date: Thu, 17 Nov 2016 22:07:36 +1100
Subject: [PATCH] Mosaic theme: bigger font + make header clickable

---
 templates/themes/mosaic/theme.hbs  |  2 +-
 templates/themes/mosaic/theme.less | 22 +++++++++++++++-------
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/templates/themes/mosaic/theme.hbs b/templates/themes/mosaic/theme.hbs
index 0a0e579..7af8d70 100644
--- a/templates/themes/mosaic/theme.hbs
+++ b/templates/themes/mosaic/theme.hbs
@@ -4,7 +4,7 @@
     Gallery title
   -->
   <header style="color: #17baef;">
-    <h1>{{gallery.title}}</h1>
+    <h1><a href="{{gallery.home.filename}}.html">{{gallery.title}}</a></h1>
   </header>
 
   <!--
diff --git a/templates/themes/mosaic/theme.less b/templates/themes/mosaic/theme.less
index 0d3db8b..5a4d0f2 100644
--- a/templates/themes/mosaic/theme.less
+++ b/templates/themes/mosaic/theme.less
@@ -36,7 +36,7 @@ body {
   background: @body-background;
   color: #444;
   font-family: 'Open Sans', sans-serif;
-  font-size: 16px;
+  font-size: 18px;
   font-weight: lighter;
   -webkit-font-smoothing: antialiased;
 }
@@ -67,10 +67,10 @@ a {
 
 header {
   background: @header-background;
+  color: @header-foreground;
   font-size: 1.4em;
   font-family: 'Montserrat', sans-serif;
   padding: 0;
-  color: @header-foreground;
 }
 
 h1 {
@@ -78,6 +78,10 @@ h1 {
   display: inline-block;
 }
 
+h1 a {
+  color: @header-foreground;
+}
+
 // -----------------------------------
 // Breadcrumbs navigation
 // -----------------------------------
@@ -125,7 +129,7 @@ nav.breadcrumbs .separator {
 // Nested albums
 // -----------------------------------
 
-#albums, #media {
+#albums {
   margin: 1em;
   overflow: hidden;
 }
@@ -158,13 +162,13 @@ nav.breadcrumbs .separator {
 
 #albums .grid {
   opacity: 0.9;
-  width: 400px;
-  height: 50px;
+  width: 360px;
+  height: 60px;
   overflow: hidden;
 }
 
 #albums .mosaic {
-  width: 400px;
+  width: 360px;
   opacity: 0.9;
   overflow: hidden;
 }
@@ -178,7 +182,7 @@ nav.breadcrumbs .separator {
 
 #albums .grid img {
   display: block;
-  width: 50px;
+  width: 60px;
 }
 
 @media only screen and (max-width: @mobile-trigger) {
@@ -194,6 +198,10 @@ nav.breadcrumbs .separator {
 // Photo and video thumbnails
 // -----------------------------------
 
+#media {
+  margin: 0 0.5em 0 1.5em;
+}
+
 #media li {
   float: left;
   margin-right: 0.4em;