Fixed broken layout.

Hieromon · Jul 28, 2022 · 3b33f08 · 3b33f08
1 parent 8f60762
commit 3b33f08
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/examples/mqttRSSI/mqttRSSI.ino b/examples/mqttRSSI/mqttRSSI.ino
@@ -82,15 +82,15 @@ static const char AUX_mqtt_setting[] PROGMEM = R"raw(
       },
       {
         "name": "header",
-        "type": "ACText",
-        "value": "<h2>MQTT Broker settings</h2>",
-        "style": "text-align:center;color:#2f4f4f"
+        "type": "ACElement",
+        "value": "<h2 style='text-align:center;color:#2f4f4f;margin-top:10px;margin-bottom:10px'>MQTT Broker settings</h2>"
       },
       {
         "name": "caption",
         "type": "ACText",
         "value": "Publish WiFi signal strength via MQTT, publishing the RSSI value of the ESP module to the ThingSpeak public channel.",
-        "style": "font-family:serif;color:#053d76"
+        "style": "font-family:serif;color:#053d76",
+        "posterior": "par"
       },
       {
         "name": "mqttserver",

diff --git a/examples/mqttRSSI_FS/data/mqtt_setting.json b/examples/mqttRSSI_FS/data/mqtt_setting.json
@@ -10,15 +10,15 @@
     },
     {
       "name": "header",
-      "type": "ACText",
-      "value": "<h2>MQTT Broker settings</h2>",
-      "style": "text-align:center;color:#2f4f4f"
+      "type": "ACElement",
+      "value": "<h2 style='text-align:center;color:#2f4f4f;margin-top:10px;margin-bottom:10px'>MQTT Broker settings</h2>"
     },
     {
       "name": "caption",
       "type": "ACText",
       "value": "Publish WiFi signal strength via MQTT, publishing the RSSI value of the ESP module to the ThingSpeak public channel.",
-      "style": "font-family:serif;color:#053d76"
+      "style": "font-family:serif;color:#053d76",
+      "posterior": "par"
     },
     {
       "name": "mqttserver",

diff --git a/examples/mqttRSSI_NA/mqttRSSI_NA.ino b/examples/mqttRSSI_NA/mqttRSSI_NA.ino
@@ -64,8 +64,8 @@ const char* AUX_CLEAR_URI   = "/mqtt_clear";
 
 // Declare AutoConnectElements for the page asf /mqtt_setting
 ACStyle(style, "label+input,label+select{position:sticky;left:140px;width:204px!important;box-sizing:border-box;}");
-ACText(header, "<h2>MQTT Broker settings</h2>", "text-align:center;color:#2f4f4f");
-ACText(caption, "Publish WiFi signal strength via MQTT, publishing the RSSI value of the ESP module to the ThingSpeak public channel.", "font-family:serif;color:#053d76");
+ACElement(header, "<h2 style='text-align:center;color:#2f4f4f;margin-top:10px;margin-bottom:10px'>MQTT Broker settings</h2>");
+ACText(caption, "Publish WiFi signal strength via MQTT, publishing the RSSI value of the ESP module to the ThingSpeak public channel.", "font-family:serif;color:#053d76", "", AC_Tag_P);
 ACInput(mqttserver, "", "Server", "^(([a-zA-Z0-9]|[a-zA-Z0-9][a-zA-Z0-9\\-]*[a-zA-Z0-9])\\.)*([A-Za-z0-9]|[A-Za-z0-9][A-Za-z0-9\\-]*[A-Za-z0-9])$", "MQTT broker server");
 ACInput(apikey, "", "Uer API Key");
 ACInput(channelid, "", "Channel ID", "^[0-9]{6}$");