瀏覽代碼

added fixed width to social buttons

Akira Laine 9 年之前
父節點
當前提交
6e2a2afd9f
共有 2 個文件被更改,包括 17 次插入4 次删除
  1. 14 1
      app/client/stylesheets/app.css
  2. 3 3
      app/client/templates/footer.html

+ 14 - 1
app/client/stylesheets/app.css

@@ -9,6 +9,18 @@ main {
     flex: 1 0 auto;
 }
 
+main h3{
+    margin-left: 10px;
+}
+
+main h4.thin{
+    margin-left: 10px;
+}
+
+main p.flow-text{
+    margin-left: 10px;
+}
+
 ::-webkit-scrollbar{
     width: 8px;
 }
@@ -64,5 +76,6 @@ main {
 }
 
 .social{
-    margin: 10px 0 0 10px;
+    margin: 0px 0 10px 0px;
+    width: 155px;
 }

+ 3 - 3
app/client/templates/footer.html

@@ -4,9 +4,9 @@
             <div class="col l6 s12">
                 <h5 class="white-text">Stay Connected</h5>
                 <p class="grey-text text-lighten-4">Follow us on social media or send us an email!</p>
-                <a href="https://www.facebook.com/MusareMusic" target="_blank" class="waves-effect waves-light btn blue darken-3">Facebook</a>
-                <a href="https://twitter.com/musareapp" target="_blank" class="waves-effect waves-light btn light-blue accent-2">Twitter</a>
-                <a href="mailto:musaremusic@gmail.com" class="waves-effect waves-light btn grey darken-1">Contact Us</a>
+                <a href="https://www.facebook.com/MusareMusic" target="_blank" class="waves-effect waves-light btn blue darken-3 social">Facebook</a>
+                <a href="https://twitter.com/musareapp" target="_blank" class="waves-effect waves-light btn light-blue accent-2 social">Twitter</a>
+                <a href="mailto:musaremusic@gmail.com" class="waves-effect waves-light btn grey darken-1 social">Contact Us</a>
             </div>
             <div class="col l4 offset-l2 s12">
                 <h5 class="white-text">Links</h5>