diff --git a/app/styles/lite.css b/app/styles/lite.css
index 8fe39e30..c8db9967 100644
--- 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. */
diff --git a/vnc_lite.html b/vnc_lite.html
index b8cb47e4..671d78e6 100644
--- a/vnc_lite.html
+++ b/vnc_lite.html
@@ -279,23 +279,20 @@