From 938ed75d3606ffa0d90d18a86b2d7a2896ed9b37 Mon Sep 17 00:00:00 2001
From: Thomas Basler <thomas@familie-basler.net>
Date: Fri, 27 May 2022 01:00:39 +0200
Subject: [PATCH] webapp: fix mqtt lwt topic view

---
 webapp/src/components/MqttAdminView.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/webapp/src/components/MqttAdminView.vue b/webapp/src/components/MqttAdminView.vue
index f431eab..3480c4a 100644
--- a/webapp/src/components/MqttAdminView.vue
+++ b/webapp/src/components/MqttAdminView.vue
@@ -130,10 +130,11 @@
             <label for="inputLwtTopic" class="col-sm-2 col-form-label"
               >LWT Topic:</label
             >
-            <div class="input-group col-sm-10">
-              <span class="input-group-text" id="basic-addon3"
-                >{{ mqttConfigList.mqtt_topic }}</span
-              >
+            <div class="col-sm-10">
+              <div class="input-group">
+                <span class="input-group-text" id="basic-addon3">{{
+                  mqttConfigList.mqtt_topic
+                }}</span>
                 <input
                   type="text"
                   class="form-control"
@@ -143,6 +144,7 @@
                   v-model="mqttConfigList.mqtt_lwt_topic"
                   aria-describedby="basic-addon3"
                 />
+              </div>
             </div>
           </div>