job_status: Refactored layout in panel

styles/style.css

@@ -220,12 +220,38 @@ trough {
   margin: 0 .15em .15em 0;
 }
 
+.printing-filename {
+    font-size: 1.75em;
+    font-weight: bold;
+    margin: .25em 0 0 0;
+}
+
+.printing-info {
+    font-size: 1.2em;
+    margin-left: .25em;
+}
+
+.printing-info-box {
+    padding-left: .25em;
+}
+
+.printing-info-box box {
+    margin-bottom: .5em;
+}
+
+.printing-status {
+    color: #f0f0f0;
+    font-style: italic;
+    margin: 0 0 0 0;
+}
+
 .printing-progress-bar {
 	color: #00C9B4;
 }
 
 .printing-progress-text {
-	font-size: 1.25em;
+	font-size: 1.5em;
+    font-weight: bold;
 	color: #fff;
 }
 

styles/z-bolt/images/clock.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg data-name="Layer 1" id="Layer_1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title/><path style="fill:#FFFFFF" d="M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20ZM13,6H11v7h6V11H13Z"/></svg>

styles/z-bolt/images/hourglass.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg data-name="Layer 1" id="Layer_1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title/><path style="fill:#FFFFFF" d="M19,6.76V2H6V6.76A4,4,0,0,0,7.17,9.59L9.59,12,7.17,14.41A4.06,4.06,0,0,0,6,17.24V22H19V17.24a4.06,4.06,0,0,0-1.17-2.83L15.41,12l2.42-2.41A4,4,0,0,0,19,6.76ZM8,4h9V6H8Zm8.41,11.83A2,2,0,0,1,17,17.24V20H8V17.24a2,2,0,0,1,.59-1.41l2.76-2.77L11.4,13h2.2l.05.06Zm-2.76-4.89L13.6,11H11.4l-.05-.06L8.59,8.17A1.22,1.22,0,0,1,8.44,8h8.12a1.22,1.22,0,0,1-.15.17Z"/></svg>