Facelift

web/views/dashboard.haml

@@ -1,5 +1,9 @@
-%h2 Running Jobs
-%table.bordered#job_list
+%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
         %th Last performed at

web/views/job.haml

@@ -1,12 +1,13 @@
-%a{ href: url('/') }
+%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:
 
-%h4 "#{@job.job_id}" Log:
-
-- if @job.healthy == false
+%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.
       Check the log below for details.
 
-%pre= @job.log
+  %pre= @job.log

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