Properly center status message in vnc_lite

[mirror_novnc.git] / app / styles / lite.css

diff --git a/app/styles/lite.css b/app/styles/lite.css
index 8fe39e30b63ed2f54eb9b310704e1c9a6eec661b..c8db99671f75b08fba888adc32745cd6217ef311 100644 (file)
--- a/app/styles/lite.css
+++ b/app/styles/lite.css
@@ -11,8 +11,6 @@ body {
   background-color:#313131;
   border-bottom-right-radius: 800px 600px;
   height:100%;
-  width:100%;
-  display: table;
 }
 
 html {
@@ -21,18 +19,15 @@ html {
 }
 
 #noVNC_status_bar {
-  margin-top:0px;
+  width: 100%;
+  display:flex;
+  justify-content: space-between;
 }
 
 #noVNC_status {
-  padding-top: 4px;
-  height: auto;
-  text-align: center;
   color: #fff;
   font: bold 12px Helvetica;
-  position: relative;
-  width: 100%;
-  margin-left: 0px;
+  margin: auto;
 }
 
 .noVNC_status_normal {
@@ -54,6 +49,16 @@ html {
   display: none;
 }
 
+#noVNC_left_dummy_elem {
+  flex: 1;
+}
+
+#noVNC_buttons {
+  flex: 1;
+  display: flex;
+  justify-content: flex-end;
+}
+
 /* Do not set width/height for VNC_canvas or incorrect
  * scaling will occur. Canvas size depends on remote VNC
  * settings and noVNC settings. */