Fix note icon CSS

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index 904083c1d9dd51422094dce4635e380f696bc00c..d1983fb8aa1996e52d6bffc04666d540a556de0b 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -2297,10 +2297,6 @@ a.button {
     }
   }
 
-  .drop {
-    margin-top: 20px;
-  }
-
   .sprite {
     background-image: image-url("welcome-sprite.png");
     background-size: 500px 250px;
@@ -2310,8 +2306,8 @@ a.button {
 
   .icon-list { 
     padding-bottom: 20px;
-  div { 
-    margin-bottom: 10px;
+    div {
+      margin-bottom: 10px;
       p {
         padding-top: 10px;
       }
@@ -2361,6 +2357,12 @@ a.button {
   }
 
   .note-box {
+    margin-top: 20px;
     background-color: $offwhite;
   }
+
+  .icon.note {
+    background-color: #333;
+    border-radius: 4px;
+  }
 }

diff --git a/app/views/site/welcome.html.erb b/app/views/site/welcome.html.erb
index 37e1edafc8e88259ac1fbc7a2b98152dc3dc7d87..87fcd22813023059aa353818daae66e0dddb2154 100644 (file)
--- a/app/views/site/welcome.html.erb
+++ b/app/views/site/welcome.html.erb
@@ -58,7 +58,7 @@
   <a href="<%= edit_path %>" class="button start-mapping"><%= t "welcome_page.start_mapping" %></a>
 </div>
 
-<div class='note-box drop'>
+<div class='note-box'>
   <div class='inner22'>
     <h3><%= t "welcome_page.add_a_note.title" %></h3>
     <p><%= t "welcome_page.add_a_note.paragraph_1_html" %></p>