Improve footer layout and styling (fixed position is not fixed)

public/build/rev-manifest.json

@@ -1,4 +1,4 @@
 {
-  "dist/css/all.css": "dist/css/all-73d97429.css",
+  "dist/css/all.css": "dist/css/all-1a70cf59.css",
   "dist/js/all.js": "dist/js/all-c132bc1e.js"
 }

resources/assets/sass/_status-page.scss

@@ -294,12 +294,45 @@ body.status-page {
         }
     }
 
-    footer.footer {
+    footer {
-        padding-top: 40px;
+        margin-top: 40px;
-        padding-bottom: 40px;
+        padding: 40px 0;
-        color: #777;
-        text-align: center;
         border-top: 1px solid $cachet_gray_light;
         background-color: lighten($cachet_gray_light, 5%);
+        color: $cachet-gray-darker;
+        line-height: 30px;
+        text-align: center;
+
+        .icons {
+            a.icon-link {
+                display: inline-block;
+                min-width: 30px;
+                height: 30px;
+                border-radius: 3px;
+                background-color: $cachet-gray-darker;
+                text-align: center;
+                color: $cachet_gray_light;
+                transition: all 0.15s;
+                padding: 0 10px 0 10px;
+
+                &.rss {
+                    background-color: $cachet-orange;
+                }
+
+                &:hover {
+                    text-decoration: none;
+                    background-color: darken($cachet-gray-darker, 10%);
+                }
+            }
+        }
+
+        @media (min-width: 768px) {
+            text-align: left;
+
+            .icons {
+                margin-top: 0;
+                text-align: right;
+            }
+        }
     }
 }

resources/lang/en/cachet.php

@@ -90,8 +90,8 @@ return [
     // Other
     'powered_by'      => ':app Status Page is powered by <a href="https://cachethq.io">Cachet</a>.',
     'about_this_site' => 'About this site',
-    'rss-feed'        => 'RSS Feed',
+    'rss-feed'        => 'RSS',
-    'atom-feed'       => 'Atom Feed',
+    'atom-feed'       => 'Atom',
     'feed'            => 'Status Feed',
 
 ];

resources/views/partials/footer.blade.php

@@ -1,15 +1,23 @@
-<footer class="footer">
+<footer>
-    @if(Setting::get('show_support'))
+    <div class="container">
-    <p>{!! trans('cachet.powered_by', ['app' => Setting::get('app_name')]) !!}</p>
+        <div class="row">
-    @endif
+            <div class="col-sm-6">
-    <p><a href="/rss"><i class="ion-social-rss"></i> {{ trans('cachet.rss-feed') }}</a>&nbsp;-&nbsp;<a href="/atom"><i class="ion-social-rss"></i> {{ trans('cachet.atom-feed') }}</a></p>
+                @if(Setting::get('show_support'))
-    <p>
+                <p>{!! trans('cachet.powered_by', ['app' => Setting::get('app_name')]) !!}</p>
-        <a href="/dashboard">{{ trans('dashboard.dashboard') }}</a>
+                @endif
-        @if($loggedUser)
+            </div>
-        &ndash;
+            <div class="col-sm-6">
-        <a href="/auth/logout">{{ trans('dashboard.logout') }}</a>
+                <div class="icons">
-        @endif
+                    <a href="/dashboard" class="icon-link"><i class="ion-levels"></i> {{ trans('dashboard.dashboard') }}</a>
-    </p>
+                    @if($loggedUser)
+                    <a href="/auth/logout" class="icon-link"><i class="ion-android-exit"></i> {{ trans('dashboard.logout') }}</a>
+                    @endif
+                    <a href="/rss" class="icon-link rss"><i class="ion-social-rss"></i> {{ trans('cachet.rss-feed') }}</a>
+                    <a href="/atom" class="icon-link rss"><i class="ion-social-rss"></i> {{ trans('cachet.atom-feed') }}</a>
+                </div>
+            </div>
+        </div>
+    </div>
 </footer>
 
 @include("partials.analytics")