web: placed pikvm logo on login page

web/login/index.html

@@ -51,6 +51,15 @@
       <div id="login-box">
         <div id="login">
           <table>
+            <tr>
+              <td><img class="svg-gray" id="login-logo" src="../share/svg/logo.svg" alt="&amp;pi;-kvm"></td>
+              <td></td>
+            </tr>
+            <tr>
+              <td colspan="2">
+                <hr>
+              </td>
+            </tr>
             <tr>
               <td>Username:&nbsp;</td>
               <td>
@@ -95,7 +104,7 @@
             <tr>
               <td></td>
               <td>
-                <button class="key" id="login-button" style="width:100%">Login</button>
+                <button class="key" id="login-button">Login</button>
               </td>
             </tr>
           </table>

web/login/index.pug

@@ -24,6 +24,11 @@ block body
 		#login-box
 			#login
 				table
+					tr
+						td #[img.svg-gray#login-logo(src=`${svg_dir}/logo.svg` alt="π-kvm")]
+						td
+					tr
+						td(colspan=2) #[hr]
 					tr
 						td Username: 
 						td #[input#user-input(type="text" autocapitalize="off")]
@@ -34,8 +39,7 @@ block body
 						td 2FA code: 
 						td #[input#code-input(type="text" placeholder="if enabled")]
 					tr
-						td(colspan=2)
-							hr
+						td(colspan=2) #[hr]
 					tr
 						td Remember me: 
 						td
@@ -45,11 +49,10 @@ block body
 								{"title": "Forever", "value": "0", "checked": true},
 							])
 					tr
-						td(colspan=2)
-							hr
+						td(colspan=2) #[hr]
 					tr
 						td
-						td #[button.key#login-button(style="width:100%") Login]
+						td #[button.key#login-button Login]
 
 	ul.footer
 		li.left

web/share/css/login/login.css

@@ -42,6 +42,14 @@ div#login {
 	padding: 15px;
 }
 
+img#login-logo {
+	height: 30px;
+}
+
+button#login-button {
+	width: 100%;
+}
+
 input[type="text"]#user-input,
 input[type="password"]#passwd-input,
 input[type="text"]#code-input {