Update: Minor styling for Job Lists

Especially for 'No Jobs' or 'All Jobs Closed' situations.

Disco.Web/ClientSource/Style/BundleSite.css

@@ -3966,9 +3966,6 @@ table.genericData td.id a {
 .deviceStatus.NotEnrolled {
   color: #f0a30a;
 }
-#layout_Page > div.jobTable:first-child {
-  padding-top: 30px;
-}
 table.jobTable {
   border: solid 1px #f4f4f4;
   border-collapse: collapse;

Disco.Web/ClientSource/Style/Device.css

@@ -208,6 +208,14 @@
   margin: -1px;
   border: 1px solid #ddd;
 }
+#DeviceDetailTab-JobsContainer div.jobTable > h3,
+#DeviceDetailTab-JobsContainer div.jobTable > div.allClosed_container {
+  margin: 50px 20px !important;
+}
+#DeviceDetailTab-JobsContainer div.jobTable > h3 a.button,
+#DeviceDetailTab-JobsContainer div.jobTable > div.allClosed_container a.button {
+  margin-top: 10px;
+}
 #DeviceDetailTab-JobsContainer .dataTables_wrapper .dataTables_filter {
   margin-top: -24px;
   -moz-opacity: 1;

Disco.Web/ClientSource/Style/Device.less

@@ -170,6 +170,14 @@
     div.jobTable {
         margin: -1px;
         border: 1px solid #ddd;
+
+        & > h3, & > div.allClosed_container {
+            margin: 50px 20px !important;
+
+            a.button {
+                margin-top: 10px;
+            }
+        }
     }
 
     .dataTables_wrapper {
@@ -279,8 +287,7 @@
                     cursor: pointer;
                     opacity: 0;
 
-                    &:hover
-                    {
+                    &:hover {
                         opacity: 1;
                     }
                 }
@@ -293,8 +300,7 @@
             background-color: @white;
             padding: 3px;
 
-            span.action
-            {
+            span.action {
                 color: @HeaderBackgroundColour;
                 display: block;
                 margin: 0 4px 0 0;
@@ -304,8 +310,7 @@
                 border: 1px solid @white;
                 padding: .5em;
 
-                &:hover
-                {
+                &:hover {
                     color: @HyperLinkColour;
                     background-color: @SubtleColour;
                     border: 1px solid @SubtleBorderColour;

Disco.Web/ClientSource/Style/Job.css

@@ -101,6 +101,12 @@
   height: 50px;
   font-size: 0.6em;
 }
+#Job_List {
+  padding-top: 20px;
+}
+#Job_List > .jobTable > h3 {
+  margin: 30px 0 50px 20px !important;
+}
 #Job_Show #Job_Show_Subjects {
   table-layout: fixed;
 }

Disco.Web/ClientSource/Style/Job.less

@@ -27,6 +27,14 @@
     }
 }
 
+#Job_List {
+    padding-top: 20px;
+
+    & > .jobTable > h3 {
+        margin: 30px 0 50px 20px !important;
+    }
+}
+
 #Job_Show {
     #Job_Show_Subjects {
         table-layout: fixed;

Disco.Web/ClientSource/Style/Site.css

@@ -765,9 +765,6 @@ table.genericData td.id a {
 .deviceStatus.NotEnrolled {
   color: #f0a30a;
 }
-#layout_Page > div.jobTable:first-child {
-  padding-top: 30px;
-}
 table.jobTable {
   border: solid 1px #f4f4f4;
   border-collapse: collapse;

Disco.Web/ClientSource/Style/Site.less

@@ -720,10 +720,6 @@ table {
     }
 }
 
-#layout_Page > div.jobTable:first-child {
-    padding-top: 30px;
-}
-
 table.jobTable {
     .tableData;
     table-layout: fixed;

Disco.Web/ClientSource/Style/User.css

@@ -183,6 +183,14 @@
   margin: -1px;
   border: 1px solid #ddd;
 }
+#UserDetailTab-JobsContainer div.jobTable > h3,
+#UserDetailTab-JobsContainer div.jobTable > div.allClosed_container {
+  margin: 50px 20px !important;
+}
+#UserDetailTab-JobsContainer div.jobTable > h3 a.button,
+#UserDetailTab-JobsContainer div.jobTable > div.allClosed_container a.button {
+  margin-top: 10px;
+}
 #UserDetailTab-JobsContainer .dataTables_wrapper .dataTables_filter {
   margin-top: -24px;
   -moz-opacity: 1;

Disco.Web/ClientSource/Style/User.less

@@ -135,6 +135,14 @@
     div.jobTable {
         margin: -1px;
         border: 1px solid #ddd;
+
+        & > h3, & > div.allClosed_container {
+            margin: 50px 20px !important;
+
+            a.button {
+                margin-top: 10px;
+            }
+        }
     }
 
     .dataTables_wrapper {