Split up sections a bit more

public/build/rev-manifest.json

@@ -1,4 +1,4 @@
 {
-  "dist/css/all.css": "dist/css/all-90472d29.css",
+  "dist/css/all.css": "dist/css/all-2420ac6b.css",
   "dist/js/all.js": "dist/js/all-c132bc1e.js"
 }

resources/assets/sass/_status-page.scss

@@ -346,4 +346,9 @@ body.status-page {
             }
         }
     }
+
+    // Individual section styling.
+    .section-timeline, .section-components, .section-metrics, .section-scheduled {
+        margin-top: 40px;
+    }
 }

resources/views/index.blade.php

@@ -9,7 +9,9 @@
 
     <div class="clearfix"></div>
 
-    @include('partials.dashboard.errors')
+    <div class="section-messages">
+        @include('partials.dashboard.errors')
+    </div>
 
     @if($bannerImage = Setting::get('app_banner'))
     <div class="row app-banner">
@@ -24,7 +26,9 @@
     </div>
     @endif
 
-    <div class="alert alert-{{ $systemStatus }}">{{ $systemMessage }}</div>
+    <div class="section-status">
+        <div class="alert alert-{{ $systemStatus }}">{{ $systemMessage }}</div>
+    </div>
 
     @if($aboutApp)
     <div class="about-app">
@@ -33,21 +37,28 @@
     </div>
     @endif
 
-    @include('partials.components')
+    <div class="section-components">
+        @include('partials.components')
+    </div>
 
     @if($displayMetrics && Setting::get('display_graphs'))
-    @include('partials.metrics')
+    <div class="section-metrics">
+        @include('partials.metrics')
+    </div>
     @endif
 
     @if(!$scheduledMaintenance->isEmpty())
-    @include('partials.schedule')
+    <div class="section-scheduled">
+        @include('partials.schedule')
+    </div>
     @endif
 
-    <h1>{{ trans('cachet.incidents.past') }}</h1>
-    @foreach($allIncidents as $date => $incidents)
-    @include('partials.incidents', [compact($date), compact($incidents)])
-    @endforeach
-    <hr>
+    <div class="section-timeline">
+        <h1>{{ trans('cachet.incidents.past') }}</h1>
+        @foreach($allIncidents as $date => $incidents)
+        @include('partials.incidents', [compact($date), compact($incidents)])
+        @endforeach
+    </div>
 
     <nav>
         <ul class="pager">

resources/views/subscribe.blade.php

@@ -5,6 +5,8 @@
         <p><a class="btn btn-success btn-outline" href="/"><i class="ion-home"></i></a></p>
     </div>
 
+    <div class="clearfix"></div>
+
     @if($bannerImage = Setting::get('app_banner'))
     <div class="row app-banner">
         <div class="col-md-12 text-center">