From b20a4f012d5e19da8f2267b9b4eba9a9ced5076e Mon Sep 17 00:00:00 2001
From: billz <billzimmerman@gmail.com>
Date: Fri, 24 Mar 2023 15:27:44 +0100
Subject: [PATCH] Style + layout tweaks

---
 app/css/all.css                     | 4 ++++
 app/css/lightsout.css               | 5 +++++
 templates/wifi_stations/network.php | 4 ++--
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/app/css/all.css b/app/css/all.css
index 781a7a95..d868741f 100644
--- a/app/css/all.css
+++ b/app/css/all.css
@@ -152,6 +152,10 @@ canvas#divDBChartBandwidthhourly {
   color: #ff4500;
 }
 
+button.btn.btn-light.js-toggle-password {
+  border: 1px solid lightgrey;
+}
+
 .signal-icon {
   margin-top: 2px;
   height: 16px;
diff --git a/app/css/lightsout.css b/app/css/lightsout.css
index cd54c648..aea5c83d 100644
--- a/app/css/lightsout.css
+++ b/app/css/lightsout.css
@@ -349,6 +349,11 @@ pre {
   border: #202020;
 }
 
+button.btn.btn-light.js-toggle-password {
+  border: 1px solid #343434;
+}
+
+
 .signal-icon .signal-bar {
   background: #2b8080;
 }
diff --git a/templates/wifi_stations/network.php b/templates/wifi_stations/network.php
index 43523e47..87db2123 100644
--- a/templates/wifi_stations/network.php
+++ b/templates/wifi_stations/network.php
@@ -49,14 +49,14 @@
         <div><?php echo empty($network['protocol']) ? "-" : $network['protocol'] ?></div>
 
 		<div class="form-group">
-			<div class="info-item-wifi"><?php echo _("Passphrase"); ?></div>
+			<div class="info-item-wifi mb-2"><?php echo _("Passphrase"); ?></div>
 			<div class="input-group">
 				<?php if ($network['protocol'] === 'Open') { ?>
 					<input type="password" disabled class="form-control" aria-describedby="passphrase" name="passphrase<?php echo $index ?>" value="" />
 				<?php } else { ?>
 					<input type="password" class="form-control" aria-describedby="passphrase" name="passphrase<?php echo $index ?>" value="<?php echo $network['passphrase'] ?>" data-target="#update<?php echo $index ?>" data-colors="#ffd0d0,#d0ffd0">
 					<div class="input-group-append">
-						<button class="btn btn-outline-secondary js-toggle-password" type="button" data-target="[name=passphrase<?php echo $index ?>]" data-toggle-with="fas fa-eye-slash"><i class="fas fa-eye mx-2"></i></button>
+						<button class="btn btn-light js-toggle-password" type="button" data-target="[name=passphrase<?php echo $index ?>]" data-toggle-with="fas fa-eye-slash"><i class="fas fa-eye mx-2"></i></button>
 					</div>
 				<?php } ?>
 			</div>