Adjust whitespace and color

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index a50bb74dc0e1c48103ff49f2e7cceac6a79d3e6d..90744a1876d0920f196f3a2d04818c0843122410 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -2227,7 +2227,7 @@ a.button {
   }
 
   .drop {
-    margin-top: 80px;
+    margin-top: 20px;
   }
 
   .sprite {
@@ -2278,4 +2278,16 @@ a.button {
   .sprite.question {
     background-position: -300px 0;
   }
+
+  .pad1 {
+    padding: 10px;
+  }
+
+  .pad2 {
+    padding: 20px;
+  }
+
+  .note-box {
+    background-color: $offwhite;
+  }
 }

diff --git a/app/views/site/welcome.html.erb b/app/views/site/welcome.html.erb
index f3a0b086db80a95de85bb89f30ceff1ad1d5125a..d97b08d9aaa49adcf02a57835169ea8ee5270dd4 100644 (file)
--- a/app/views/site/welcome.html.erb
+++ b/app/views/site/welcome.html.erb
@@ -86,8 +86,8 @@
   <p><%= t "welcome_page.section_6.paragraph_2_html" %></p>
 </div>
 
-<div class='pad2 drop'>
-  <div class='fillE pad1'>
+<div class='note-box pad2 drop'>
+  <div class='pad1'>
     <h3><%= t "welcome_page.section_7.title" %></h3>
     <p><%= t "welcome_page.section_7.paragraph_1_html" %></p>
     <p><%= t "welcome_page.section_7.paragraph_2_html" %></p>