Slight restyling of homepage

public/stylesheets/style.css

@@ -66,16 +66,26 @@ h3 {
 }
 
 .share-form {
-  margin-top: 50px;
-  margin-bottom: 50px;
+  margin-top: 30vh;
+  margin-bottom: 20px;
   text-align: center;
 }
 
+.share-form form {
+  margin-bottom: 30px;
+}
+
 .btn-custom {
   background-color: #FE4365;
+}
+.btn-custom, .btn-custom:active, .btn-custom:hover {
   color: #fff;
 }
 
+.blurb {
+  margin-bottom: 100px;
+}
+
 .service {
   padding: 40px 10px 10px 10px;
 }

routes/search.js

@@ -16,7 +16,7 @@ module.exports = function(req, res) {
   var url = parse(req.body.url);
 
   if (!url.host) {
-    req.flash('search-error', 'Please paste a link below to find matches');
+    req.flash('search-error', 'Paste a music link above to find and share the matches');
     res.redirect('/');
     return;
   }

views/index.ejs

@@ -6,10 +6,6 @@
 
     <div class="row share-form">
       <div class="col-md-6 col-md-offset-3">
-        <% if (error.length > 0) { %>
-          <p class="alert alert-danger"><%= error %></p>
-        <% } %>
-
         <form role="form" method="post" action="/search">
         <div class="input-group input-group-lg">
           <input type="text" name="url" placeholder="Paste link here" class="form-control" autofocus>
@@ -18,10 +14,13 @@
           </span>
         </div>
         </form>
+        <% if (error.length > 0) { %>
+          <p class="alert alert-danger"><%= error %></p>
+        <% } %>
       </div>
     </div>
 
-    <div class="row">
+    <div class="row blurb">
       <div class="col-md-6 col-md-offset-3">
         <p>Make sharing from music services better.
           We match album and track links from Rdio, Spotify, Deezer, Beats Music, Google Music and iTunes and give you back a link with all of them.</p>