From 73c95ccde2f807963c19e6a8369cad8000c6d732 Mon Sep 17 00:00:00 2001
From: ArbitraryNoun <arbitrarynoun@gmail.com>
Date: Thu, 6 Jul 2017 11:20:28 -0400
Subject: [PATCH] issue #89: Looking good now. Code cleaned up, sufficiently
 responsive.  Possibly redundant files still in the system (unused image
 files), but looking for input there. Ready for review.) git push git commit
 --amend -m issue

---
 app/assets/stylesheets/hero.scss       | 76 ++++++++++++++++----------
 app/views/layouts/application.html.erb |  4 +-
 2 files changed, 48 insertions(+), 32 deletions(-)

diff --git a/app/assets/stylesheets/hero.scss b/app/assets/stylesheets/hero.scss
index e1554d7..6c11606 100644
--- a/app/assets/stylesheets/hero.scss
+++ b/app/assets/stylesheets/hero.scss
@@ -1,34 +1,41 @@
+//---- Styles -----//
+
 .row__hero-banner {
-   // margin:  0.5em 0.5em 0em 0.5em;
   
     h1 {
-        text-indent:    -9999px;
+        text-indent: -9999px;
         margin: auto;
-        max-width:  100%;
-        // min-height: 13vw;
-        background-image:   url(FW_LG-Logo-Color@1.00x.png);
-        background-size:    contain;
-        background-repeat:  no-repeat;
+        max-width: 100%;
+        background-image: url(FW_LG-Logo-Color@1.00x.png);
+        background-size: contain;
+        background-repeat: no-repeat;
         background-position: center;
-        overflow:   hidden;
+        overflow: hidden;
       }
 }
 
 .row__hero-flow {
-    text-align:   center;
-    // background-image:   url(FW-Cycle@1.50x.png); 
-    background-size:    contain;
-    background-repeat:  no-repeat;
+    text-align: center;
+    background-size: contain;
+    background-repeat: no-repeat;
     background-position: center;
 }
 
+.page-header__login {
+    text-align: center;
+}
+
+.page-header__call-to-action    {
+    text-align: center;
+}
+
+
 // ----- Responsive Section ----- //
 
 //  Bootstrap...........Large (lg) 1200px or greater (Desktop)
 
 
 
-
 //  Bootstrap..........Medium (md)  992px or greater (Desktop)
 
 @media (min-width: 992px)  {
@@ -36,15 +43,15 @@
         //margin:  0.5em 0.5em 0em 0.5em;
       
         h1 {
-            text-indent:    -9999px;
+            text-indent: -9999px;
             margin: auto;
-            max-width:  100%;
+            max-width: 100%;
             // min-height: 13vw;
-            background-image:   url(FW_LG-Logo-Color@1.00x.png);
-            background-size:    contain;
-            background-repeat:  no-repeat;
+            background-image: url(FW_LG-Logo-Color@1.00x.png);
+            background-size: contain;
+            background-repeat: no-repeat;
             background-position: center;
-            overflow:   hidden;
+            overflow: hidden;
         }
     }
 
@@ -55,17 +62,27 @@
         padding: 0em 2em 0em 2em;
         margin: auto;
     }
+}
+
+@media (min-width: 992px) and (max-width: 1199px)   { 
+    .page-header__login {
+        text-align: left;
+    }
 
+    .page-header__call-to-action    {
+        text-align: left;
+    }
 }
 
+
 //  Bootstrap...........Small (sm)  768px or greater (Tablet)
 
 @media (min-width: 768px)   {
     .row__hero-flow {
-        text-align:   center;
-        background-image:   url(FW-Cycle@1.50x.png);
-        background-size:    contain;
-        background-repeat:  no-repeat;
+        text-align: center;
+        background-image: url(FW-Cycle@1.50x.png);
+        background-size: contain;
+        background-repeat: no-repeat;
         background-position: center;
     }
 }
@@ -75,18 +92,17 @@
 
 @media (max-width: 400px)   {
     .row__hero-banner {
-       // margin:  0.5em 0.5em 0em 0.5em;
       
         h1 {
-            text-indent:    -9999px;
+            text-indent: -9999px;
             margin: auto;
-            max-width:  100%;
+            max-width: 100%;
             min-height: 40vw;
-            background-image:   url(FW_VertLogo@1.00x.png);
-            background-size:    contain;
-            background-repeat:  no-repeat;
+            background-image: url(FW_VertLogo@1.00x.png);
+            background-size: contain;
+            background-repeat: no-repeat;
             background-position: center;
-            overflow:   hidden;
+            overflow: hidden;
           }
     }
 }
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index bf56163..78cc4fc 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -35,8 +35,8 @@
               <h1 class="page-header__title"><%= t('brand') %></h1>
               <h2 class="page-header__subtitle">Plan your meals for the  week using your favorite recipes from your self-curated cookbook.</h2>
               <h3 class="page-header__motto">We'll even build you a shopping list to take to the grocery store.</h3>
-              <div class="page-header__call-to-action text-center"><%= link_to "Start your cookbook <i class=\"glyphicon glyphicon-chevron-right \"></i>".html_safe, new_user_registration_path, class: "btn btn-primary btn-lg" %> </div>
-              <div class="page-header__login text-center">
+              <div class="page-header__call-to-action"><%= link_to "Start your cookbook <i class=\"glyphicon glyphicon-chevron-right \"></i>".html_safe, new_user_registration_path, class: "btn btn-primary btn-lg" %> </div>
+              <div class="page-header__login">
                 <p>Already have an account?</p>
                 <%= link_to "Log in to your account", new_user_session_path, class: "btn btn-default" %>
               </div>