fixed dropdown bug and updated footer

app/client/app.css

@@ -1064,3 +1064,7 @@ input[type="checkbox"]:checked + #two-label:after {
 .user-num{
     font-size: 1.5em;
 }
+
+.scroll-fix{
+    margin-right: 20px;
+}

app/client/cardcaption.css

@@ -25,6 +25,8 @@ figcaption {
 figcaption h5{
     text-align: center;
     margin-top: 10px;
+    font-weight: 300;
+    padding: 5px;
 }
 
 /*End of stuff*/

app/client/templates/footer.html

@@ -1,22 +1,25 @@
 <template name="footer">
-  <footer class="page-footer teal accent-4">
-    <div class="container row">
-      <div class="col l6 s12">
-        <h5 class="white-text">Footer Content</h5>
-        <p class="grey-text text-lighten-4">You can use rows and columns here to organize your footer content.</p>
-      </div>
-      <div class="col l4 offset-l2 s12">
-        <h5 class="white-text">Links</h5>
-        <ul>
-          <li><a class="grey-text text-lighten-3" href="#!">Link 1</a></li>
-        </ul>
-      </div>
-    </div>
-    <div class="footer-copyright">
-      <div class="container">
-        © 2014 Copyright Text
-        <a class="grey-text text-lighten-4 right" href="#!">More Links</a>
-      </div>
-    </div>
-  </footer>
+    <footer class="page-footer teal accent-4">
+        <div class="container row">
+            <div class="col l6 s12">
+                <h5 class="white-text">Footer Content</h5>
+
+                <p class="grey-text text-lighten-4">You can use rows and columns here to organize your footer
+                    content.</p>
+            </div>
+            <div class="col l4 offset-l2 s12">
+                <h5 class="white-text">Links</h5>
+                <ul>
+                    <li><a class="grey-text text-lighten-3" href="/faq">FAQ</a></li>
+                    <li><a class="grey-text text-lighten-3" href="/terms">Terms</a></li>
+                    <li><a class="grey-text text-lighten-3" href="/privacy">Privacy</a></li>
+                </ul>
+            </div>
+        </div>
+        <div class="footer-copyright">
+            <div class="container">
+               Musare | © 2015 Copyright
+            </div>
+        </div>
+    </footer>
 </template>

app/client/templates/header.html

@@ -25,7 +25,7 @@
         <div class="nav-wrapper teal accent-4">
           <a href="/" class="brand-logo">Musare</a>
           <a href="#" data-activates="mobile-navi" class="button-collapse"><i class="material-icons">menu</i></a>
-          <ul class="right hide-on-med-and-down">
+          <ul class="right hide-on-med-and-down scroll-fix">
             <li><a href="feedback.html">Feedback</a></li>
             <li><a class="dropdown-button" href="#!" data-activates="contributeDrop">Contribute<i class="material-icons right">arrow_drop_down</i></a></li>
             <li><a class="dropdown-button" href="#!" data-activates="aboutDrop">About<i class="material-icons right">arrow_drop_down</i></a></li>

app/client/templates/home.html

@@ -1,5 +1,6 @@
 <template name="home">
     {{> header}}
+    <main>
     <div class="col s12 m10 l8">
         <div class="row">
             {{#each rooms}}
@@ -27,5 +28,6 @@
             {{/each}}
         </div>
     </div>
+    </main>
     {{> footer}}
 </template>