popup

2 years ago · f9089cf5ee
parent ed58245d84
commit f9089cf5ee
2 changed files with 21 additions and 3 deletions
--- a/popup.css
+++ b/popup.css
@ -56,13 +56,28 @@ h1 {
 }

 #preferences {
+	width: auto;
+	font-weight: 600;
 	background: none;
 	padding: 0;
-	margin: 8px 0;
+	margin-top: 16px;
 	border: none;
 	color: #1834e9;
 }

+.button {
+	position: relative;
+	margin-left: auto;
+}
+
+#label {
+	font-size: 9px;
+	position: absolute;
+	bottom: -16px;
+	left: 0;
+	white-space: pre-line;
+}
+
 .category {
 	display: flex;

--- a/popup.html
+++ b/popup.html
@ -13,7 +13,10 @@
 	<body>
 		<header>
 			<h1>Ucontrol</h1>
-			<button id="activate"></button>
+			<div class="button">
+				<button id="activate"></button>
+				<label for="activate" id="label">Filter</label>
+			</div>
 		</header>
 		<ul id="selected-list">
 			<li class="category reference">
@ -24,6 +27,6 @@
 				</label>
 			</li>
 		</ul>
-		<button id="preferences">Preferences</button>
+		<button id="preferences">More info ></button>
 	</body>
 </html>