Styling improvements for ft image / ingredients

Closes #109
bryceadams · Jan 2, 2015 · 1bea16b · 1bea16b
1 parent 4283f9e
commit 1bea16b
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 11 deletions.
diff --git a/README.md b/README.md
@@ -136,8 +136,12 @@ Sure, but on food-steroids. Just check out the screenshots area.
 ## Changelog 
 
 = 1.0.8 =
-* Frontend CSS file renaming
-* Filters for post type and tax args
+* Enhancement: Frontend CSS file renaming
+* Dev: Filters for post types and tax args
+* Bug Fix: Fix gallery thumbnail sizing
+* Bug Fix: Featured image width link fix
+* Bug Fix: Better margins for featured image
+* Bug Fix: Vertically aligned ingredients
 
 = 1.0.7 =
 * Bug Fix: Update Settings Link

diff --git a/README.txt b/README.txt
@@ -135,9 +135,12 @@ Sure, but on food-steroids. Just check out the screenshots area.
 == Changelog ==
 
 = 1.0.8 =
-* Frontend CSS file renaming
-* Filters for post types and tax args
-* Fix gallery thumbnail sizing
+* Enhancement: Frontend CSS file renaming
+* Dev: Filters for post types and tax args
+* Bug Fix: Fix gallery thumbnail sizing
+* Bug Fix: Featured image width link fix
+* Bug Fix: Better margins for featured image
+* Bug Fix: Vertically aligned ingredients
 
 = 1.0.7 =
 * Bug Fix: Update Settings Link

diff --git a/assets/frontend/css/recipe-hero.css b/assets/frontend/css/recipe-hero.css
@@ -137,6 +137,8 @@ nav.recipe-hero-pagination {
    */ }
   .recipe-hero article.recipe {
     line-height: 1.4; }
+    .recipe-hero article.recipe .entry-header {
+      margin-bottom: 1.8em; }
     .recipe-hero article.recipe h4 {
       font-size: 23px;
       margin-bottom: 18px;
@@ -188,6 +190,9 @@ nav.recipe-hero-pagination {
         content: none; }
     .recipe-hero article.recipe .images {
       margin-bottom: 10px; }
+      .recipe-hero article.recipe .images .recipe-hero-main-image img {
+        display: inline-block;
+        margin-bottom: 0; }
       .recipe-hero article.recipe .images .thumbnails {
         margin-top: 5px;
         *zoom: 1; }
@@ -331,13 +336,11 @@ nav.recipe-hero-pagination {
           text-align: right;
           min-width: 20%;
           display: inline-block;
-          font-weight: bold;
-          vertical-align: top; }
+          font-weight: bold; }
         .recipe-hero article.recipe .recipe-single-ingredients ul.ingredients-list li.ingredients-item .name {
           text-align: left;
           display: inline-block;
-          padding-left: 5px;
-          vertical-align: top; }
+          padding-left: 5px; }
     .recipe-hero article.recipe .recipe-single-instructions h4 {
       margin-top: 25px; }
     .recipe-hero article.recipe .recipe-single-instructions ol.steps-list {

diff --git a/assets/frontend/css/recipe-hero.scss b/assets/frontend/css/recipe-hero.scss
@@ -114,6 +114,9 @@ nav.recipe-hero-pagination {
 .recipe-hero {
 	article.recipe {
 		line-height: 1.4;
+		.entry-header {
+			margin-bottom: 1.8em;
+		}
 		h4 {
 			font-size: 23px;
 			margin-bottom: 18px;
@@ -156,6 +159,12 @@ nav.recipe-hero-pagination {
 		}
 		.images {
 			margin-bottom: 10px;
+			.recipe-hero-main-image {
+				img {
+					display: inline-block;
+					margin-bottom: 0;
+				}
+			}
 			.thumbnails {
 				margin-top: 5px;
 				@include clearfix();
@@ -313,13 +322,11 @@ nav.recipe-hero-pagination {
 						min-width: 20%;
 						display: inline-block;
 						font-weight: bold;
-						vertical-align: top;
 					}
 					.name {
 						text-align: left;
 						display: inline-block;
 						padding-left: 5px;
-						vertical-align: top;
 					}
 				}
 			}