header styled

Kalvinci · Apr 15, 2022 · 0bd1e9e · 0bd1e9e
1 parent 82b704a
commit 0bd1e9e
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 48 deletions.
diff --git a/css/popup.css b/css/popup.css
@@ -6,6 +6,7 @@ body {
 
 header {
 	font-family: "Open Sans", sans-serif;
+	box-shadow: 0px 2px 20px 0px grey;
 }
 
 #spinner {

diff --git a/popup.html b/popup.html
@@ -12,55 +12,34 @@
 		<link rel="stylesheet" href="css/popup.css" />
 	</head>
 	<body>
-		<div class="container">
-			<header class="d-flex justify-content-center align-items-center">
-				<img
-					src="images/fingerprint-48.png"
-					style="margin-right: 10px"
-				/>
-				<span style="font-size: 20px; font-weight: bold"
-					>Fingerprint Spoofer</span
-				>
-			</header>
-			<div
-				class="d-flex justify-content-center align-content-center flex-column"
-				style="padding: 10px 0"
+		<header class="d-flex justify-content-center align-items-center">
+			<img src="images/fingerprint-48.png" style="margin-right: 10px" />
+			<span style="font-size: 20px; font-weight: bold"
+				>Fingerprint Spoofer</span
 			>
-				<div class="d-flex justify-content-center">
-					<button
-						id="spoofNav"
-						class="btn btn-sm"
-						type="button"
-					></button>
-				</div>
-				<div class="d-flex justify-content-center">
-					<button
-						id="spoofCanvas"
-						class="btn btn-sm"
-						type="button"
-					></button>
-				</div>
-				<div class="d-flex justify-content-center">
-					<button
-						id="spoofUA"
-						class="btn btn-sm"
-						type="button"
-					></button>
-				</div>
-				<div class="d-flex justify-content-center">
-					<button
-						id="blockImg"
-						class="btn btn-sm"
-						type="button"
-					></button>
-				</div>
-				<div class="d-flex justify-content-center">
-					<button
-						id="blockJS"
-						class="btn btn-sm"
-						type="button"
-					></button>
-				</div>
+		</header>
+		<div
+			class="d-flex justify-content-center align-content-center flex-column"
+			style="padding: 10px 0"
+		>
+			<div class="d-flex justify-content-center">
+				<button id="spoofNav" class="btn btn-sm" type="button"></button>
+			</div>
+			<div class="d-flex justify-content-center">
+				<button
+					id="spoofCanvas"
+					class="btn btn-sm"
+					type="button"
+				></button>
+			</div>
+			<div class="d-flex justify-content-center">
+				<button id="spoofUA" class="btn btn-sm" type="button"></button>
+			</div>
+			<div class="d-flex justify-content-center">
+				<button id="blockImg" class="btn btn-sm" type="button"></button>
+			</div>
+			<div class="d-flex justify-content-center">
+				<button id="blockJS" class="btn btn-sm" type="button"></button>
 			</div>
 		</div>
 		<div