Remove outer div from noVNC_connect_button

Instead of having an outer "box", we can use an outline on the button
itself to create this "platform". Since the outline isn't part of the
size of the element, it will appear wider than before, when compared to
the logo. To counteract that we remove the left and right padding from
the logo to make the entire noVNC_connect_dlg more narrow.

We also had to slightly adjust the :active style since we don't want the
entire "platform" to move when the button is clicked.

1 files changed, 2 insertions, 2 deletions

diff --git a/vnc.html b/vnc.html
index 8fbe1eb..2458b43 100644
--- a/vnc.html
+++ b/vnc.html
@@ -274,9 +274,9 @@
     <div class="noVNC_center">
         <div id="noVNC_connect_dlg">
             <div class="noVNC_logo" translate="no"><span>no</span>VNC</div>
-            <div id="noVNC_connect_box"><button>
+            <button id="noVNC_connect_button">
                 <img alt="" src="app/images/connect.svg"> Connect
-            </button></div>
+            </button>
         </div>
     </div>