Style input fields

Author: ThomasFarstrike

src/index.css

@@ -68,6 +68,21 @@ label {
     font-weight: bold;
 }
 
+input[type=text] {
+    background: transparent;
+    border: 0;
+    border-bottom: 2px solid #a7c3ca;
+    font-family: GothamRndLight;
+    transition: border 0.4s ease-in-out;
+    width: 65%;
+}
+
+input:focus{
+    border:none;
+    outline:none;
+    border-bottom:2px solid #fff;
+}
+
 .main-content {
     display: none; /* by default, main-content is not visible until enable by the javascript menu - except content0 (see below) */
     flex-wrap: wrap;
@@ -121,7 +136,6 @@ label {
 
 #pubkey {
     margin-bottom: 1em;
-    font-size: 18px;
 }
 
 #serverhelptext {

src/index.html

@@ -37,9 +37,11 @@
             </div>
             <div class="column" id="column1">
                 <h2>Allow Remote Control</h2>
+		<p>
                 <label for="pubkey">Your ID</label>
                 <input type="text" name="pubkey" id="pubkey" disabled size="43">
-                <a href="#copy" onclick="javascript:copyYourId();"><img width="26" src="../images/copy-icon.png" class="copyicon"></a>
+                <a href="#copy" onclick="javascript:copyYourId();"><img width="16" src="../images/copy-icon.png" class="copyicon"></a>
+		</p>
 		<div id="serverhelptext">When you give your ID to someone running PeerViewer, they can operate your computer until you close this window.</div>
 		<!-- <button class="bigbutton" onclick="runServer()">Run Server</button> -->
 		<div id="serverstatus">Initializing...</div>