Mosaic theme: bigger font + make header clickable

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>
 
   <!--

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;