CSS fixes: fixed height and smoother header rendering

templates/themes/cards/theme.less

@@ -35,7 +35,6 @@ body {
   font-family: 'Open Sans', sans-serif;
   font-size: 16px;
   font-weight: lighter;
-  -webkit-font-smoothing: antialiased;
 }
 
 a {
@@ -115,6 +114,8 @@ nav.breadcrumbs a {
 }
 
 #albums a {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
   display: inline-block;
   margin-right: 2em;
   margin-bottom: 3em;

templates/themes/mosaic/theme.less

@@ -38,7 +38,6 @@ body {
   font-family: 'Open Sans', sans-serif;
   font-size: 18px;
   font-weight: lighter;
-  -webkit-font-smoothing: antialiased;
 }
 
 a {
@@ -87,6 +86,8 @@ h1 a {
 // -----------------------------------
 
 nav.breadcrumbs {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
   margin: 0;
   padding: 1.5em;
   font-weight: bold;
@@ -182,6 +183,7 @@ nav.breadcrumbs .separator {
 
 #albums .grid img {
   display: block;
+  height: 60px;
   width: 60px;
 }