feature: pending device enrollment approval

Disco.Web/ClientSource/Style/Config.css

@@ -473,6 +473,10 @@ div.logEventsViewport table.logEventsViewport > tbody > tr > td.message {
 #enrolStatus #sessions .session > h3 span.details {
   font-size: 0.8em;
 }
+#enrolStatus #sessions .session > h3 i {
+  float: right;
+  color: #F0A30A;
+}
 #enrolStatus #sessions .session > p.sessionStart {
   color: #888;
   font-size: 0.8em;
@@ -489,7 +493,6 @@ div.logEventsViewport table.logEventsViewport > tbody > tr > td.message {
   background-color: #DFE1F8;
 }
 #dialogSession .sessionHeader {
-  width: 400px;
   float: left;
   padding: 0 0 0 134px;
   background-repeat: no-repeat, no-repeat;
@@ -516,7 +519,8 @@ div.logEventsViewport table.logEventsViewport > tbody > tr > td.message {
 }
 #dialogSession .sessionProgress {
   width: 320px;
-  float: right;
+  position: absolute;
+  right: 1em;
   text-align: right;
 }
 #dialogSession .sessionProgress > p.sessionStart {
@@ -528,6 +532,9 @@ div.logEventsViewport table.logEventsViewport > tbody > tr > td.message {
   overflow: hidden;
   margin-bottom: 3px;
 }
+#dialogSession .sessionProgress div.reason {
+  margin-bottom: 3px;
+}
 #dialogSession .sessionInfoContainer > div {
   float: left;
   width: 428px;

Disco.Web/ClientSource/Style/Config.less

@@ -479,6 +479,11 @@ div.logEventsViewport {
                 span.details {
                     font-size: .8em;
                 }
+
+                i {
+                    float: right;
+                    color: @ThemeAmber;
+                }
             }
 
             & > p.sessionStart {
@@ -504,7 +509,6 @@ div.logEventsViewport {
 
 #dialogSession {
     .sessionHeader {
-        width: 400px;
         float: left;
         padding: 0 0 0 134px;
         background-repeat: no-repeat, no-repeat;
@@ -535,7 +539,8 @@ div.logEventsViewport {
 
     .sessionProgress {
         width: 320px;
-        float: right;
+        position: absolute;
+        right: 1em;
         text-align: right;
 
         & > p.sessionStart {
@@ -548,6 +553,10 @@ div.logEventsViewport {
             overflow: hidden;
             margin-bottom: 3px;
         }
+
+        & div.reason {
+            margin-bottom: 3px;
+        }
     }
 
     .sessionInfoContainer {

Disco.Web/ClientSource/Style/Job.css

@@ -97,6 +97,32 @@
   height: 50px;
   font-size: 0.6em;
 }
+#layout_PageHeading #pendingEnrollments {
+  position: relative;
+  float: right;
+  border: 1px dashed #ddd;
+  background-color: #fff;
+  font-size: 0.6em;
+  line-height: 1em;
+  padding: 10px 10px 4px 70px;
+  text-align: right;
+  height: 50px;
+}
+#layout_PageHeading #pendingEnrollments i {
+  position: absolute;
+  display: block;
+  height: 64px;
+  width: 64px;
+  vertical-align: middle;
+  margin-left: -75px;
+  top: 8px;
+  font-size: 50px;
+  color: #e51400;
+}
+#layout_PageHeading #pendingEnrollments a.button {
+  font-size: 12px;
+  margin-top: 8px;
+}
 #Jobs_Index_MyJobs {
   margin-bottom: 10px;
 }

Disco.Web/ClientSource/Style/Job.less

@@ -25,6 +25,35 @@
         height: 50px;
         font-size: 0.6em;
     }
+
+    #pendingEnrollments {
+        position: relative;
+        float: right;
+        border: 1px dashed #ddd;
+        background-color: @white;
+        font-size: 0.6em;
+        line-height: 1em;
+        padding: 10px 10px 4px 70px;
+        text-align: right;
+        height: 50px;
+
+        i {
+            position: absolute;
+            display: block;
+            height: 64px;
+            width: 64px;
+            vertical-align: middle;
+            margin-left: -75px;
+            top: 8px;
+            font-size: 50px;
+            color: @ButtonAlertColour;
+        }
+
+        a.button {
+            font-size: @FontSizeDefault;
+            margin-top: 8px;
+        }
+    }
 }
 
 #Jobs_Index_MyJobs {