Improve gallery thumbnail sizing

Closes #114
bryceadams · Jan 1, 2015 · 4283f9e · 4283f9e
1 parent 68ae0d8
commit 4283f9e
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/README.txt b/README.txt
@@ -137,6 +137,7 @@ Sure, but on food-steroids. Just check out the screenshots area.
 = 1.0.8 =
 * Frontend CSS file renaming
 * Filters for post types and tax args
+* Fix gallery thumbnail sizing
 
 = 1.0.7 =
 * Bug Fix: Update Settings Link

diff --git a/assets/frontend/css/recipe-hero.css b/assets/frontend/css/recipe-hero.css
@@ -199,16 +199,16 @@ nav.recipe-hero-pagination {
         .recipe-hero article.recipe .images .thumbnails a {
           float: left; }
           .recipe-hero article.recipe .images .thumbnails a.columns-3 {
-            width: 30.75%;
+            width: 30.80%;
             margin-right: 3.8%; }
           .recipe-hero article.recipe .images .thumbnails a.columns-4 {
-            width: 22.85%;
+            width: 23.05%;
             margin-right: 2.55%; }
           .recipe-hero article.recipe .images .thumbnails a.columns-5 {
-            width: 17.45%;
+            width: 18.24%;
             margin-right: 2.2%; }
           .recipe-hero article.recipe .images .thumbnails a.columns-6 {
-            width: 14.2%;
+            width: 14.33%;
             margin-right: 2.8%; }
           .recipe-hero article.recipe .images .thumbnails a img {
             display: block;

diff --git a/assets/frontend/css/recipe-hero.scss b/assets/frontend/css/recipe-hero.scss
@@ -162,19 +162,19 @@ nav.recipe-hero-pagination {
 				a {
 					float:left;
 					&.columns-3 {
-						width: 30.75%;
+						width: 30.80%;
 						margin-right: 3.8%;
 					}
 					&.columns-4 {
-						width: 22.85%;
+						width: 23.05%;
 						margin-right: 2.55%;
 					}
 					&.columns-5 {
-						width: 17.45%;
+						width: 18.24%;
 						margin-right: 2.2%;
 					}
 					&.columns-6 {
-						width: 14.2%;
+						width: 14.33%;
 						margin-right: 2.8%;
 					}
 					img {