Facelift

web/views/dashboard.haml

@@ -1,32 +1,36 @@
-%h2 Running Jobs
-%table.bordered#job_list
-  %tr
-    %th Job
-    %th Last performed at
-    %th Status
-    %th
-  - @jobs.each do |job|
-    %tr
-      %td= job.job_id
-      %td= job.last_performed_at || 'Never performed yet'
-      %td
-        - if job.last_performed_at.nil?
-          %span.grey-text.darken-3{ title: 'This job has never been performed yet.' }
-            %i.mdi-device-access-time
-            Pending
-        - elsif job.healthy
-          %a{ href: url("/job/#{job.id}") }
-            %span.green-text.darken-3{ title: 'This job was performed successfully.' }
-              %i.mdi-action-done
-              Success
-        - else
-          %a{ href: url("/job/#{job.id}") }
-            %span.red-text{ title: 'There were problems with this job. Follow the link to check the log.' }
-              %i.mdi-alert-warning
-              Error
+%header.container.blue-grey.lighten-4.grey-text.text-darken-4
+  %h2 Running Jobs
 
-      %td
-        - if job.last_performed_at
-          %a{ href: url("/job/#{job.id}") }
-            Log
-            %i.mdi-navigation-chevron-right
+%main
+  .container.blue-grey.lighten-4.grey-text.text-darken-4
+    %table.bordered#job_list
+      %tr
+        %th Job
+        %th Last performed at
+        %th Status
+        %th
+      - @jobs.each do |job|
+        %tr
+          %td= job.job_id
+          %td= job.last_performed_at || 'Never performed yet'
+          %td
+            - if job.last_performed_at.nil?
+              %span.grey-text.darken-3{ title: 'This job has never been performed yet.' }
+                %i.mdi-device-access-time
+                Pending
+            - elsif job.healthy
+              %a{ href: url("/job/#{job.id}") }
+                %span.green-text.darken-3{ title: 'This job was performed successfully.' }
+                  %i.mdi-action-done
+                  Success
+            - else
+              %a{ href: url("/job/#{job.id}") }
+                %span.red-text{ title: 'There were problems with this job. Follow the link to check the log.' }
+                  %i.mdi-alert-warning
+                  Error
+
+          %td
+            - if job.last_performed_at
+              %a{ href: url("/job/#{job.id}") }
+                Log
+                %i.mdi-navigation-chevron-right