Update: Change UI for "Show Closed Jobs"

Move to a button at the bottom of the list.

Disco.Web/ClientSource/Style/BundleSite.css

@@ -3838,14 +3838,6 @@ table.genericData td.id a {
   padding: 0;
   height: 1.4em;
 }
-.dataTables_wrapper .dataTables_showStatusClosed {
-  display: block;
-  position: absolute;
-  height: 20px;
-  margin-top: -20px;
-  right: 320px;
-  font-weight: bold;
-}
 .dataTables_wrapper .dataTables_paginate {
   text-align: right;
   background-color: #f4f4f4;
@@ -4076,6 +4068,17 @@ table.jobTable td.location,
 table.jobTable th.location {
   width: 200px;
 }
+div.jobTable > a.dataTables_showStatusClosed {
+  margin: 10px 5px;
+}
+div.jobTable > h3,
+div.jobTable > div.allClosed_container {
+  margin: 50px 20px !important;
+}
+div.jobTable > h3 a.button,
+div.jobTable > div.allClosed_container a.button {
+  margin-top: 10px;
+}
 table.deviceTable tr.decommissioned {
   background-color: #ededed;
 }

Disco.Web/ClientSource/Style/Device.css

@@ -208,14 +208,6 @@
   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,14 +170,6 @@
     div.jobTable {
         margin: -1px;
         border: 1px solid #ddd;
-
-        & > h3, & > div.allClosed_container {
-            margin: 50px 20px !important;
-
-            a.button {
-                margin-top: 10px;
-            }
-        }
     }
 
     .dataTables_wrapper {

Disco.Web/ClientSource/Style/Site.css

@@ -637,14 +637,6 @@ table.genericData td.id a {
   padding: 0;
   height: 1.4em;
 }
-.dataTables_wrapper .dataTables_showStatusClosed {
-  display: block;
-  position: absolute;
-  height: 20px;
-  margin-top: -20px;
-  right: 320px;
-  font-weight: bold;
-}
 .dataTables_wrapper .dataTables_paginate {
   text-align: right;
   background-color: #f4f4f4;
@@ -875,6 +867,17 @@ table.jobTable td.location,
 table.jobTable th.location {
   width: 200px;
 }
+div.jobTable > a.dataTables_showStatusClosed {
+  margin: 10px 5px;
+}
+div.jobTable > h3,
+div.jobTable > div.allClosed_container {
+  margin: 50px 20px !important;
+}
+div.jobTable > h3 a.button,
+div.jobTable > div.allClosed_container a.button {
+  margin-top: 10px;
+}
 table.deviceTable tr.decommissioned {
   background-color: #ededed;
 }

Disco.Web/ClientSource/Style/Site.less

@@ -229,6 +229,7 @@ header, #header {
 
         & > a {
             padding: 2px;
+
             & > i {
                 margin-right: 2px;
             }
@@ -569,15 +570,6 @@ table {
         opacity: 0.3;
     }
 
-    .dataTables_showStatusClosed {
-        display: block;
-        position: absolute;
-        height: 20px;
-        margin-top: -20px;
-        right: 320px;
-        font-weight: bold;
-    }
-
     .dataTables_paginate {
         text-align: right;
         background-color: @TableDataBorderColour;
@@ -833,6 +825,21 @@ table.jobTable {
     }
 }
 
+div.jobTable {
+    & > a.dataTables_showStatusClosed {
+        margin: 10px 5px;
+    }
+
+    & > h3, & > div.allClosed_container {
+        margin: 50px 20px !important;
+
+        a.button {
+            margin-top: 10px;
+        }
+    }
+}
+
+
 table.deviceTable {
     tr.decommissioned {
         background-color: @SubtleColour;

Disco.Web/ClientSource/Style/User.css

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