From 1bea16b453b7c917b0a5806205c5e9981fc3ced8 Mon Sep 17 00:00:00 2001
From: Bryce <brycead@gmail.com>
Date: Fri, 2 Jan 2015 14:20:13 +0700
Subject: [PATCH] Styling improvements for ft image / ingredients

Closes #109
---
 README.md                            |  8 ++++++--
 README.txt                           |  9 ++++++---
 assets/frontend/css/recipe-hero.css  | 11 +++++++----
 assets/frontend/css/recipe-hero.scss | 11 +++++++++--
 4 files changed, 28 insertions(+), 11 deletions(-)

diff --git a/README.md b/README.md
index 33073b2..dfa892a 100755
--- 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
index e368604..3727b1c 100755
--- 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
index fbd6480..4ea983d 100644
--- 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
index 9445aaa..6cb5ce1 100755
--- 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;
 					}
 				}
 			}