From 739fd29fe99d20f9ddf91e9bc85d7b51ecc2bfa8 Mon Sep 17 00:00:00 2001
From: Stefan Allius <stefan.allius@t-online.de>
Date: Thu, 24 Apr 2025 22:32:14 +0200
Subject: [PATCH] fix responsiveness of the tiles

---
 app/src/web/templates/index.html.j2 | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/src/web/templates/index.html.j2 b/app/src/web/templates/index.html.j2
index 6ef4e46..67238c0 100644
--- a/app/src/web/templates/index.html.j2
+++ b/app/src/web/templates/index.html.j2
@@ -14,7 +14,7 @@
         </div>
         <div class="w3-clear"></div>
         <h4>{{_('Server Mode')}}</h4>
-        <div class="w3-hide-small w3-hide-medium">{{_('Established from device to proxy')}}</div>
+        <div class="w3-hide-small w3-hide-medium" style="min-height:50px">{{_('Established from device to proxy')}}</div>
       </div>
     </div>
     <div class="w3-quarter">
@@ -25,7 +25,7 @@
         </div>
         <div class="w3-clear"></div>
         <h4>{{_('Client Mode')}}</h4>
-        <div class="w3-hide-small w3-hide-medium">{{_('Established from proxy to device')}}</div>
+        <div class="w3-hide-small w3-hide-medium" style="min-height:50px">{{_('Established from proxy to device')}}</div>
       </div>
     </div>
     <div class="w3-quarter">
@@ -36,18 +36,18 @@
         </div>
         <div class="w3-clear"></div>
         <h4>{{_('Proxy Mode')}}</h4>
-        <div class="w3-hide-small w3-hide-medium">{{_('Forwarding data to cloud')}}</div>
+        <div class="w3-hide-small w3-hide-medium" style="min-height:50px">{{_('Forwarding data to cloud')}}</div>
       </div>
     </div>
     <div class="w3-quarter">
       <div class="w3-container w3-teal w3-padding-16">
-        <div class="w3-left"><i class="fa fa-cloud w3-xxxlarge"></i></div>
+        <div class="w3-left"><i class="fa fa-cloud-arrow-up-alt w3-xxxlarge"></i></div>
         <div id = "emulation-cnt" class="w3-right">
           <h3>-</h3>
         </div>
         <div class="w3-clear"></div>
         <h4>{{_('Emu Mode')}}</h4>
-        <div class="w3-hide-small w3-hide-medium">{{_('Emulation sends data to cloud')}}</div>
+        <div class="w3-hide-small w3-hide-medium" style="min-height:50px">{{_('Emulation sends data to cloud')}}</div>
       </div>
     </div>
   </div>