GUACAMOLE-567: Clean up style of connection stability warning. Add warning icon.

guacamole/src/main/webapp/app/client/styles/connection-warning.css

@@ -21,16 +21,36 @@
 
     position: absolute;
     right: 0.25em;
-    top: 0.25em;
+    bottom: 0.25em;
     z-index: 20;
 
+    width: 3in;
     max-width: 100%;
-    max-height: 3in;
+    min-height: 1em;
 
-    border: 1px solid rgba(0,0,0,0.5);
+    border-left: 2em solid #FA0;
     box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
     background: #FFE;
-    padding: 0.5em;
+    padding: 0.5em 0.75em;
     font-size: .8em;
 
 }
+
+#connection-warning::before {
+
+    content: ' ';
+    display: block;
+    position: absolute;
+    left: -2em;
+    top: 0;
+
+    width: 1.25em;
+    height: 100%;
+    margin: 0 0.375em;
+
+    background: url('images/warning.png');
+    background-size: contain;
+    background-position: center;
+    background-repeat: no-repeat;
+
+}