Commit 6038e26

speasley <s@stephenpeasley.com>
2016-07-11 06:18:29
Fix some footer styling
master
1 parent 63fe094
Changed files (2)
app
assets
stylesheets
global.scss
views
layouts
application.html.erb
app/assets/stylesheets/global.scss
@@ -81,3 +81,11 @@ a[class^="social_"] {
     color: $white;
   }
 }
+/* ---------------------------------------------- */
+/* Footer --------------------------------------- */
+/* ---------------------------------------------- */
+footer {
+  border-top: 1px solid $medium-gray;
+  padding: 1rem;
+  text-align: center;
+}
app/views/layouts/application.html.erb
@@ -59,26 +59,22 @@
         <!-- original content goes in this container -->
         <div class="off-canvas-content" data-off-canvas-content>
           <!-- start main content -->
-          <div class="row column">
-            <%= render partial: 'layouts/flash' %>
-            <div class="align-middle loading-indicator hide">
-              <p><i class="fa fa-spinner fa-pulse"></i> <%= t('.loading') %></p>
+          <div class="row">
+            <div class="columns">
+              <%= render partial: 'layouts/flash' %>
+              <div class="align-middle loading-indicator hide">
+                <p><i class="fa fa-spinner fa-pulse"></i> <%= t('.loading') %></p>
+              </div>
+              <%= yield %>
             </div>
-            <%= yield %>
           </div>
           <footer class="row">
-            <div class="columns"><hr />
-              <div class="row">
-                <div class="columns">
-                  <p><%= t("footer.copyright") %></p>
-                </div>
-                <div class="columns">
-                  <ul class="inline-list right">
-                    <li><a href="https://twitter.com/Stronglifters/">Twitter</a></li>
-                    <li><a href="https://github.com/stronglifters">Github</a></li>
-                  </ul>
-                </div>
-              </div>
+            <div class="columns">
+              <p><%= t("footer.copyright") %></p>
+              <ul class="menu align-center">
+                <li><a href="https://twitter.com/StrongLifters/">Twitter</a></li>
+                <li><a href="https://github.com/stronglifters">Github</a></li>
+              </ul>
             </div>
           </footer>
           <!-- end main content -->