esp01s-serial-remote-controller

Index Commits Files Refs README LICENSE

commit 40ce08cc798898ee14ac59dcb7d4d30e9166d523
parent 0f1e5d96977c2aa89614679024b0086051ec9f34
Author: Martin Kloeckner <mjkloeckner@gmail.com>
Date:   Sun, 12 Apr 2026 12:45:03 -0300

Update page style. Add units to set temp. Show '-' when no data
available for field.

Diffstat:
M
data/index.html
 | 
15
+++++++--------
M
data/style.css
 | 
17
++++++++++++-----

2 files changed, 19 insertions(+), 13 deletions(-)
diff --git a/data/index.html b/data/index.html
@@ -46,7 +46,7 @@
                                     Temperatura actual
                                 </td>
                                 <td id=main-now-value>
-                                    0
+                                    -°C
                                 </td>
                             </tr>
                         </table>
@@ -57,9 +57,8 @@
                                 <td>
                                     Temperatura establecida
                                 </td>
-                                <td>
-                                    <input id="main-set-value" type="number"
-                                    value="25" min=0 max="80"/>
+                                <td id="main-set-value-td">
+                                    <input id="main-set-value" type="number" value="25" min=0 max="80"/>°C
                                 </td>
                             </tr>
                         </table>
@@ -128,7 +127,7 @@
                             WiFi SSID
                         </td>
                         <td>
-                            <div id="wifi-ssid"></div>
+                            <div id="wifi-ssid">-</div>
                         </td>
                     </tr>
                     <tr>
@@ -136,7 +135,7 @@
                             WiFi RSSI
                         </td>
                         <td>
-                            <div id="wifi-rssi"></div>
+                            <div id="wifi-rssi">-</div>
                         </td>
                     </tr>
                     <tr>
@@ -144,7 +143,7 @@
                             Direccion IP local
                         </td>
                         <td>
-                            <a id="system-ip-addr"></a>
+                            <a id="system-ip-addr">-</a>
                         </td>
                     </tr>
                     <tr>
@@ -152,7 +151,7 @@
                             Reloj del sistema
                         </td>
                         <td>
-                            <div id="system-time"></div>
+                            <div id="system-time">-</div>
                         </td>
                     </tr>
                 </table>
diff --git a/data/style.css b/data/style.css
@@ -68,6 +68,7 @@ h1 {
 
 #main-now-value {
     font-family: monospace;
+    white-space: nowrap;
 }
 
 #timer-enable {
@@ -101,6 +102,7 @@ h1 {
 }
 
 #from-time, #to-time {
+    font-family: monospace;
     font-size: 18px;
     padding: 2px;
     margin: 0px;
@@ -135,20 +137,20 @@ h1 {
 }
 
 #main-set-value {
-    font-size: 18px;
+    font-size: 20px;
     font-weight: normal;
     font-family: monospace;
-    width: 50px;
     border: 1px solid #E3E3E3;
     border-radius: 5px;
-    padding: 2px;
-    font-size: 18px;
+    padding: 3px 5px 2px 5px;
+    font-size: 20px;
     height: 22px;
 
     /*
     margin: 0px;
     border: 1px solid #E3E3E3;
     cursor: pointer;
+    width: 20px;
 
     margin-right: 0px;
     box-shadow: none;
@@ -158,6 +160,11 @@ h1 {
     */
 }
 
+#main-set-value-td {
+    font-family: monospace;
+    white-space: nowrap;
+}
+
 @media (hover: hover) and (pointer: fine) {
     #main-toggle:hover #main-checkbox,
     #timer-enable:hover #timer-checkbox,
@@ -180,7 +187,7 @@ h1 {
     text-align: left;
     margin-left: auto;
     margin-right: auto;
-    font-size: 22px;
+    font-size: 20px;
     user-select: none;
 }