From 2967abca50699a03ffc6f1651161720872d9877c Mon Sep 17 00:00:00 2001
From: Gary Pang <gary.pang@gmail.com>
Date: Thu, 12 Apr 2018 01:39:55 -0400
Subject: [PATCH] Separate headlines from search form

Display headlines in separate div. This makes the form smaller, which
allows users to see more of the background img. Issue #23
---
 views/home.hbs                        | 2 +-
 views/partials/searchFormParallax.hbs | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/views/home.hbs b/views/home.hbs
index c19487c..3c3faac 100644
--- a/views/home.hbs
+++ b/views/home.hbs
@@ -40,7 +40,7 @@
 		        <div class="col s12 m4">
 		          <div class="icon-block">
 		            <h2 class="center teal-text text-lighten-2"><i class="material-icons medium">restaurant_menu</i></h2>
-		            <h5 class="center">Is your food safe?</h5>
+		            <h5 class="center">24,000 restaurants</h5>
 
 		            <p class="light">New York City has about 24,000 restaurants. City health inspectors check them for compliance with food-safety regulations at least once a year. Find out if your favorite restaurant passes muster or not!</p>
 		          </div>
diff --git a/views/partials/searchFormParallax.hbs b/views/partials/searchFormParallax.hbs
index 1a79b97..56c37ef 100644
--- a/views/partials/searchFormParallax.hbs
+++ b/views/partials/searchFormParallax.hbs
@@ -1,8 +1,12 @@
 <div class="container">
+<div class="row">
+    <div class="col s4" style="background-color: rgba(255, 255, 255, 0.95); padding: 20px;">
+        <h4 class="teal-text text-lighten-2 hide-on-med-and-down" style="font-weight: bold;">IS YOUR FOOD SAFE?</h4>
+        <h5>Find a restaurant's inspection records</h5>
+    </div>
+</div>
     <div class="row">
         <form class="col s12 card" action="/search" method="POST" style="border:20px solid teal;">
-            <h4 class="teal-text text-lighten-2 hide-on-med-and-down" style="font-weight: bold;">Is Your Food Safe?</h4>
-            <h5>Find a restaurant's inspection records</h5>
             <div class="row">
                 <div class="input-field col s6">
                     {{!-- <i class="material-icons prefix">restaurant</i> --}}