Front End: Fix: Error Cards Overflow

Fix a bug where the text overflows from the error card container on small screens.
Programmier-AG · Apr 6, 2022 · 9d048de · 9d048de
1 parent 7f4e6a2
commit 9d048de
Showing 1 changed file with 9 additions and 8 deletions.
diff --git a/public/css/app.css b/public/css/app.css
@@ -88,37 +88,38 @@ h3.chart-title {
 }
 
 #beelogger-current-data-error-box {
-    height: 200px;
+    min-height: 200px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     text-align: center;
     color: #fff;
-    margin: 5px 30px 5px 20px;
-    padding: 0px 30px 0px 30px;
+    margin: 5px 20px 5px 20px;
+    padding: 15px 30px 15px 30px;
 }
 
 #beelogger-charts-error-box {
-    height: 200px;
+    min-height: 200px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     text-align: center;
     color: #fff;
-    margin: 5px 30px 5px 20px;
-    padding: 0px 30px 0px 30px;
+    margin: 5px 20px 5px 20px;
+    padding: 15px 30px 15px 30px;
 }
+
 #beelogger-charts-loader {
-    height: 200px;
+    min-height: 200px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     text-align: center;
     color: #fff;
-    margin: 5px 30px 5px 20px;
+    margin: 5px 20px 5px 20px;
     padding: 0px 30px 0px 30px;
 }