From 929ea7f80266c3eed11adbe4309779ab27615965 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Patrick=20Ha=C3=9Fel?= <git@patrick-hassel.de>
Date: Fri, 18 Oct 2024 15:03:35 +0200
Subject: [PATCH] renamed 'width100' to 'tile'

---
 .../pages/dashboard/dashboard.component.html  |  6 +--
 src/main/angular/src/common.less              |  2 +-
 src/main/angular/src/tile.less                | 32 +++++++++++++
 src/main/angular/src/widths.less              | 45 -------------------
 4 files changed, 36 insertions(+), 49 deletions(-)
 create mode 100644 src/main/angular/src/tile.less
 delete mode 100644 src/main/angular/src/widths.less

diff --git a/src/main/angular/src/app/pages/dashboard/dashboard.component.html b/src/main/angular/src/app/pages/dashboard/dashboard.component.html
index 4d10e80..d286322 100644
--- a/src/main/angular/src/app/pages/dashboard/dashboard.component.html
+++ b/src/main/angular/src/app/pages/dashboard/dashboard.component.html
@@ -1,11 +1,11 @@
-<div class="width100">
+<div class="tile">
   <app-dashboard-electricity-tile [now]="now"></app-dashboard-electricity-tile>
 </div>
 
-<div class="width100">
+<div class="tile">
   <app-dashboard-air-tile [now]="now"></app-dashboard-air-tile>
 </div>
 
-<div class="width100">
+<div class="tile">
   <app-dashboard-heating-tile [now]="now"></app-dashboard-heating-tile>
 </div>
diff --git a/src/main/angular/src/common.less b/src/main/angular/src/common.less
index f1f2b56..b768653 100644
--- a/src/main/angular/src/common.less
+++ b/src/main/angular/src/common.less
@@ -1,2 +1,2 @@
 @import "states";
-@import "widths";
+@import "tile";
diff --git a/src/main/angular/src/tile.less b/src/main/angular/src/tile.less
new file mode 100644
index 0000000..7946f53
--- /dev/null
+++ b/src/main/angular/src/tile.less
@@ -0,0 +1,32 @@
+@import "config";
+
+.tile {
+  float: left;
+  width: 100%;
+  padding: calc(@space / 2);
+}
+
+@media (min-width: 1000px) {
+
+  .tile {
+    width: 33.33%;
+    min-height: 400px;
+  }
+
+}
+
+@media (min-width: 1500px) {
+
+  .tile {
+    width: 25%;
+  }
+
+}
+
+@media (min-width: 2000px) {
+
+  .tile {
+    width: 20%;
+  }
+
+}
diff --git a/src/main/angular/src/widths.less b/src/main/angular/src/widths.less
deleted file mode 100644
index 884245d..0000000
--- a/src/main/angular/src/widths.less
+++ /dev/null
@@ -1,45 +0,0 @@
-@import "config";
-
-.width100 {
-  float: left;
-  width: 100%;
-  padding: calc(@space / 2);
-}
-
-.width50 {
-  float: left;
-  width: 50%;
-  padding: calc(@space / 2);
-}
-
-.width50:nth-child(2n) {
-  padding-left: calc(@space / 2);
-}
-
-.width50:nth-child(2n+1) {
-  padding-right: calc(@space / 2);
-}
-
-@media (min-width: 1000px) {
-
-  .width100 {
-    width: 33.33%;
-  }
-
-}
-
-@media (min-width: 1500px) {
-
-  .width100 {
-    width: 25%;
-  }
-
-}
-
-@media (min-width: 2000px) {
-
-  .width100 {
-    width: 20%;
-  }
-
-}