style popup

src/popup/ping.css

@@ -21,54 +21,13 @@ input[type="number"] {
 	font-size: inherit;
 	padding: 5px 10px;
 
-	width: 50px;
+	width: 74px;
 }
 
-#length-min {
+#interval {
 	margin-right: 10px;
 }
 
 input[type="checkbox"] {
 	margin-bottom: -7px;
 }
-
-#pw {
-	border: 2px black solid;
-	width: 250px;
-}
-
-#copy {
-	margin-left: 0px;
-}
-
-#exclude {
-	width: 183px;
-}
-
-.copied {
-	pointer-events: none;
-	height: 26px;
-	width: 100%;
-	background-color: #FFF8DC;
-	position: absolute;
-	padding-right: 0;
-	padding-left: 0;
-	padding-top: 5px;
-	padding-bottom: 5px;
-	text-align: center;
-	margin-right: -15px;
-	margin-left: -19px;
-	margin-top: -27px;
-}
-
-.fadein {
-	visibility: visible;
-	opacity: 1;
-	transition: opacity 1s linear;
-}
-
-.fadeout {
-	visibility: hidden;
-	opacity: 0;
-	transition: visibility 0s 1s, opacity 1s linear;
-}

src/popup/ping.html

@@ -13,12 +13,12 @@
 	<form>
 		<div>
 			<label for="server">Server: </label>
-			<input type="text" id="server" name="server">
+			<input type="text" id="server" name="server" placeholder="http://some.server.example.com">
 		</div>
 
 		<div>
 			<label for="interval">Interval in seconds: </label>
-			<input type="text" id="interval" name="interval">
+			<input type="number" id="interval" name="interval">
 		</div>
 	</form>
 	<script type="module" src="ping.js"></script>