Facelift

web/views/dashboard.haml

@@ -1,4 +1,8 @@
+%header.container.blue-grey.lighten-4.grey-text.text-darken-4
   %h2 Running Jobs
+
+%main
+  .container.blue-grey.lighten-4.grey-text.text-darken-4
     %table.bordered#job_list
       %tr
         %th Job

web/views/job.haml

@@ -1,9 +1,10 @@
+%header.container.blue-grey.lighten-4.grey-text.text-darken-4
   %a{ href: url('/') }
     %i.mdi-navigation-chevron-left
     Back to Home
-
   %h4 "#{@job.job_id}" Log:
 
+%main.container.blue-grey.lighten-4.grey-text.text-darken-4
   - if @job.healthy == false
     .alert.alert-danger{ role: 'alert' }
       An error occurs during the last execution of this job.

web/views/layout.haml

@@ -11,18 +11,16 @@
     %link{ href: "#{env['SCRIPT_NAME']}/custom.css", rel: 'stylesheet' }
 
   %body.blue-grey.darken-2
-    %header
-      .container.blue-grey.white-text
-        %h1 Crono Dashboard
+    %nav.container.blue-grey.white-text
+      .nav-wrapper
+        %a.brand-logo{ href: url('/') } Crono Dashboard
 
-    %main
-      .container.blue-grey.lighten-4.grey-text.text-darken-4
     = yield
 
     %footer.page-footer.blue-grey.darken-2
       .footer-copyright.blue-grey.darken-2
-        .container.blue-grey.lighten-4.grey-text.text-darken-4
-          Crono #{Crono::VERSION}
+        .container.blue-grey.white-text
+          Crono v#{Crono::VERSION}
 
           %a.right{ href: 'https://github.com/plashchynski/crono', target: '_blank' } Documentation