From f9e907e3cedaa1501846c8f118dfb7919e22a87b Mon Sep 17 00:00:00 2001
From: billz <billzimmerman@gmail.com>
Date: Tue, 6 Apr 2021 22:59:40 +0100
Subject: [PATCH 1/4] Tweak layout of dashboard client widget

---
 app/css/custom.php      |  5 +++++
 app/css/hackernews.css  |  5 +++++
 app/css/lightsout.css   |  5 +++++
 templates/dashboard.php | 30 ++++++++++++++++++++++--------
 4 files changed, 37 insertions(+), 8 deletions(-)

diff --git a/app/css/custom.php b/app/css/custom.php
index 6726a0a8..273a9629 100644
--- a/app/css/custom.php
+++ b/app/css/custom.php
@@ -124,6 +124,11 @@ i.fa.fa-bars:hover{
   color: #858796;
 }
 
+.info-value {
+  font-size: 0.7rem;
+  margin-left: 0.7rem;
+}
+
 .info-item-xs {
   font-size: 0.7rem;
   margin-left: 0.3rem;
diff --git a/app/css/hackernews.css b/app/css/hackernews.css
index 37c12272..6d065e80 100644
--- a/app/css/hackernews.css
+++ b/app/css/hackernews.css
@@ -152,6 +152,11 @@ ul.nav-tabs, .nav-tabs .nav-link {
   color: #858796;
 }
 
+.info-value {
+  font-size: 0.7rem;
+  margin-left: 0.7rem;
+}
+
 .info-item-xs {
   font-size: 0.7rem;
   margin-left: 0.3rem;
diff --git a/app/css/lightsout.css b/app/css/lightsout.css
index 7f38035a..2fd1d5b0 100644
--- a/app/css/lightsout.css
+++ b/app/css/lightsout.css
@@ -255,6 +255,11 @@ hr {
   color: #858796;
 }
 
+.info-value {
+  font-size: 0.7rem;
+  margin-left: 0.7rem;
+}
+
 .info-item-xs {
   font-size: 0.7rem;
   line-height: 1.5em;
diff --git a/templates/dashboard.php b/templates/dashboard.php
index 47443ee8..bc0aa65b 100755
--- a/templates/dashboard.php
+++ b/templates/dashboard.php
@@ -35,14 +35,28 @@
               <div class="card-body wireless">
                 <h4 class="card-title"><?php echo _("Wireless Client"); ?></h4>
                 <div class="row justify-content-md-center">
-                  <div class="col-md">
-                    <div class="info-item"><?php echo _("Connected To"); ?></div><p><?php echo htmlspecialchars($connectedSSID, ENT_QUOTES); ?></p>
-                    <div class="info-item"><?php echo _("Interface"); ?></div><p><?php echo htmlspecialchars($clientInterface); ?></p>
-                    <div class="info-item"><?php echo _("AP Mac Address"); ?></div><p><?php echo htmlspecialchars($connectedBSSID, ENT_QUOTES); ?></p>
-                    <div class="info-item"><?php echo _("Bitrate"); ?></div><p><?php echo htmlspecialchars($bitrate, ENT_QUOTES); ?></p>
-                    <div class="info-item"><?php echo _("Signal Level"); ?></div><p><?php echo htmlspecialchars($signalLevel, ENT_QUOTES); ?></p>
-                    <div class="info-item"><?php echo _("Transmit Power"); ?></div><p><?php echo htmlspecialchars($txPower, ENT_QUOTES); ?></p>
-                    <div class="info-item"><?php echo _("Frequency"); ?></div><p><?php echo htmlspecialchars($frequency, ENT_QUOTES); ?></p>
+                  <div class="col-sm">
+                    <div class="row ml-1 mb-1">
+                      <div class="info-item col-xs-3"><?php echo _("Connected To"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($connectedSSID, ENT_QUOTES); ?></div>
+                    </div>
+                    <div class="row ml-1 mb-1">
+                      <div class="info-item col-xs-3"><?php echo _("Interface"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($clientInterface); ?></div>
+                    </div>
+                    <div class="row ml-1 mb-1">
+                      <div class="info-item col-xs-3"><?php echo _("AP Mac Address"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($connectedBSSID, ENT_QUOTES); ?></div>
+                    </div>
+                    <div class="row ml-1 mb-1">
+                      <div class="info-item col-xs-3"><?php echo _("Bitrate"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($bitrate, ENT_QUOTES); ?></div>
+                    </div>
+                    <div class="row ml-1 mb-1">
+                      <div class="info-item col-xs-3"><?php echo _("Signal Level"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($signalLevel, ENT_QUOTES); ?></div>
+                    </div>
+                    <div class="row ml-1 mb-1">
+                      <div class="info-item col-xs-3"><?php echo _("Transmit Power"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($txPower, ENT_QUOTES); ?></div>
+                    </div>
+                    <div class="row ml-1 mb-1">
+                      <div class="info-item col-xs-3"><?php echo _("Frequency"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($frequency, ENT_QUOTES); ?></div>
+                    </div>
                   </div>
                   <div class="col-md mt-2 d-flex justify-content-center">
                     <script>var linkQ = <?php echo json_encode($strLinkQuality); ?>;</script>

From 30c42b8ea3d83fa9b93537f898250839a807244c Mon Sep 17 00:00:00 2001
From: billz <billzimmerman@gmail.com>
Date: Wed, 7 Apr 2021 09:25:28 +0100
Subject: [PATCH 2/4] Align signal strength meter w/ adjacent col

---
 templates/dashboard.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/dashboard.php b/templates/dashboard.php
index bc0aa65b..027d0201 100755
--- a/templates/dashboard.php
+++ b/templates/dashboard.php
@@ -58,7 +58,7 @@
                       <div class="info-item col-xs-3"><?php echo _("Frequency"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($frequency, ENT_QUOTES); ?></div>
                     </div>
                   </div>
-                  <div class="col-md mt-2 d-flex justify-content-center">
+                  <div class="col-md d-flex justify-content-center">
                     <script>var linkQ = <?php echo json_encode($strLinkQuality); ?>;</script>
                     <div class="chart-container">
                       <canvas id="divChartLinkQ"></canvas>

From 83d0a989794aed2c966e48c2a93b79e77b6b3627 Mon Sep 17 00:00:00 2001
From: billz <billzimmerman@gmail.com>
Date: Fri, 9 Apr 2021 07:51:43 +0100
Subject: [PATCH 3/4] Additional chart layout tweaks

---
 templates/dashboard.php | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/templates/dashboard.php b/templates/dashboard.php
index 027d0201..597dc6b5 100755
--- a/templates/dashboard.php
+++ b/templates/dashboard.php
@@ -34,31 +34,31 @@
             <div class="card h-100">
               <div class="card-body wireless">
                 <h4 class="card-title"><?php echo _("Wireless Client"); ?></h4>
-                <div class="row justify-content-md-center">
+                <div class="row ml-1">
                   <div class="col-sm">
-                    <div class="row ml-1 mb-1">
+                    <div class="row mb-1">
                       <div class="info-item col-xs-3"><?php echo _("Connected To"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($connectedSSID, ENT_QUOTES); ?></div>
                     </div>
-                    <div class="row ml-1 mb-1">
+                    <div class="row mb-1">
                       <div class="info-item col-xs-3"><?php echo _("Interface"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($clientInterface); ?></div>
                     </div>
-                    <div class="row ml-1 mb-1">
+                    <div class="row mb-1">
                       <div class="info-item col-xs-3"><?php echo _("AP Mac Address"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($connectedBSSID, ENT_QUOTES); ?></div>
                     </div>
-                    <div class="row ml-1 mb-1">
+                    <div class="row mb-1">
                       <div class="info-item col-xs-3"><?php echo _("Bitrate"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($bitrate, ENT_QUOTES); ?></div>
                     </div>
-                    <div class="row ml-1 mb-1">
+                    <div class="row mb-1">
                       <div class="info-item col-xs-3"><?php echo _("Signal Level"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($signalLevel, ENT_QUOTES); ?></div>
                     </div>
-                    <div class="row ml-1 mb-1">
+                    <div class="row mb-1">
                       <div class="info-item col-xs-3"><?php echo _("Transmit Power"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($txPower, ENT_QUOTES); ?></div>
                     </div>
-                    <div class="row ml-1 mb-1">
+                    <div class="row mb-1">
                       <div class="info-item col-xs-3"><?php echo _("Frequency"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($frequency, ENT_QUOTES); ?></div>
                     </div>
                   </div>
-                  <div class="col-md d-flex justify-content-center">
+                  <div class="col-md d-flex">
                     <script>var linkQ = <?php echo json_encode($strLinkQuality); ?>;</script>
                     <div class="chart-container">
                       <canvas id="divChartLinkQ"></canvas>

From 620fece123afca3fa5af01a7c4d4a95bf2aeb3a3 Mon Sep 17 00:00:00 2001
From: billz <billzimmerman@gmail.com>
Date: Fri, 9 Apr 2021 15:03:25 +0100
Subject: [PATCH 4/4] Apply updated info-item layout to openvpn ipv4

---
 templates/openvpn.php | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/templates/openvpn.php b/templates/openvpn.php
index df97ce32..33f61a81 100755
--- a/templates/openvpn.php
+++ b/templates/openvpn.php
@@ -29,13 +29,15 @@
                 <h4 class="mt-3"><?php echo _("Client settings"); ?></h4>
                 <div class="row">
                   <div class="col">
-                    <div class="row">
+                    <div class="row mb-2">
                       <div class="col-lg-12 mt-2 mb-2">
-                        <div class="info-item"><?php echo _("IPv4 Address"); ?></div>
-                        <div class="info-item"><?php echo htmlspecialchars($public_ip, ENT_QUOTES); ?><a class="text-gray-500" href="https://ipapi.co/<?php echo($public_ip); ?>" target="_blank" rel="noopener noreferrer"><i class="fas fa-external-link-alt ml-2"></i></a></div>
+                        <div class="row ml-1">
+                          <div class="info-item col-xs-3"><?php echo _("IPv4 Address"); ?></div>
+                          <div class="info-value col-xs-3"><?php echo htmlspecialchars($public_ip, ENT_QUOTES); ?><a class="text-gray-500" href="https://ipapi.co/<?php echo($public_ip); ?>" target="_blank" rel="noopener noreferrer"><i class="fas fa-external-link-alt ml-2"></i></a></div>
+                        </div>
                       </div>
                     </div>
-                    <div class="row">
+                      <div class="row">
                      <div class="form-group col-lg-12">
                       <label for="code"><?php echo _("Username"); ?></label>
                         <input type="text" class="form-control" name="authUser" value="<?php echo htmlspecialchars($authUser, ENT_QUOTES); ?>" />