From 3ca829de1a77dd4eb20ece10fd35c9e51c9e08db Mon Sep 17 00:00:00 2001
From: Thomas Basler <thomas@familie-basler.net>
Date: Thu, 21 Apr 2022 23:28:31 +0200
Subject: [PATCH] webapp: beautify dhcp checkbox

---
 webapp/src/components/NetworkAdminView.vue | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/webapp/src/components/NetworkAdminView.vue b/webapp/src/components/NetworkAdminView.vue
index d383c7e3..b12e73a0 100644
--- a/webapp/src/components/NetworkAdminView.vue
+++ b/webapp/src/components/NetworkAdminView.vue
@@ -58,14 +58,20 @@
             </div>
           </div>
 
-          <div class="form-check form-switch">
-            <input
-              class="form-check-input"
-              type="checkbox"
-              id="inputDHCP"
-              v-model="networkConfigList.dhcp"
-            />
-            <label class="form-check-label" for="inputDHCP">Enable DHCP</label>
+          <div class="row mb-3">
+            <label class="col-sm-2 form-check-label" for="inputDHCP"
+              >Enable DHCP</label
+            >
+            <div class="col-sm-10">
+              <div class="form-check form-switch">
+                <input
+                  class="form-check-input"
+                  type="checkbox"
+                  id="inputDHCP"
+                  v-model="networkConfigList.dhcp"
+                />
+              </div>
+            </div>
           </div>
         </div>
       </div>