Merge pull request #108 from Programmier-AG/error-cards-height-fix

Front End: Fix: Error Cards Overflow (#80)
Programmier-AG · Apr 6, 2022 · e66ecc0 · e66ecc0
2 parents 7f4e6a2 + 9d048de
commit e66ecc0
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;
 }