From 2825529a13d38d5c15eaaddc7ea93275f992a7ca Mon Sep 17 00:00:00 2001
From: Samuel Mannehed <samuel@cendio.se>
Date: Mon, 14 Nov 2022 17:04:43 +0100
Subject: [PATCH] Add horizontal rule after logo in control bar

This differentiates the logo from the buttons in a clear way.
---
 app/styles/base.css | 6 ++++++
 vnc.html            | 2 ++
 2 files changed, 8 insertions(+)

diff --git a/app/styles/base.css b/app/styles/base.css
index 2d836cd6..c2ba5e05 100644
--- a/app/styles/base.css
+++ b/app/styles/base.css
@@ -535,6 +535,12 @@ html {
   font-size: 13px;
 }
 
+.noVNC_logo + hr {
+    /* Remove all but top border */
+    border: none;
+    border-top: 1px solid rgba(255, 255, 255, 0.2);
+}
+
 :root:not(.noVNC_connected) #noVNC_view_drag_button {
   display: none;
 }
diff --git a/vnc.html b/vnc.html
index 4993a7df..70965930 100644
--- a/vnc.html
+++ b/vnc.html
@@ -80,6 +80,8 @@
 
             <h1 class="noVNC_logo" translate="no"><span>no</span><br>VNC</h1>
 
+            <hr>
+
             <!-- Drag/Pan the viewport -->
             <input type="image" alt="Drag" src="app/images/drag.svg"
                 id="noVNC_view_drag_button" class="noVNC_button noVNC_hidden"