From 4fd227b19cd63d1d1ab0964a6dd62dce408b61d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Patrick=20Ha=C3=9Fel?= <git@patrick-hassel.de>
Date: Thu, 21 Nov 2024 13:33:45 +0100
Subject: [PATCH] .details, .stateOff => config.less

---
 .../device-list/device-list.component.html    |  3 +-
 .../device-list/device-list.component.less    | 14 ---------
 .../knx-group-list.component.less             | 28 -----------------
 src/main/angular/src/config.less              | 30 ++++++++++++++++++-
 4 files changed, 30 insertions(+), 45 deletions(-)

diff --git a/src/main/angular/src/app/shared/device-list/device-list.component.html b/src/main/angular/src/app/shared/device-list/device-list.component.html
index a8f6aea..ca414fb 100644
--- a/src/main/angular/src/app/shared/device-list/device-list.component.html
+++ b/src/main/angular/src/app/shared/device-list/device-list.component.html
@@ -13,8 +13,7 @@
         <div class="switchOff" (click)="deviceService.setState(device, false)"></div>
       </div>
 
-      <div class="timestamp">
-        {{ device.stateProperty?.state?.timestamp | relative:now }}
+      <div class="timestamp details">
         {{ device.stateProperty?.lastValueChange | relative:now }}
       </div>
 
diff --git a/src/main/angular/src/app/shared/device-list/device-list.component.less b/src/main/angular/src/app/shared/device-list/device-list.component.less
index ad2c427..b1287fc 100644
--- a/src/main/angular/src/app/shared/device-list/device-list.component.less
+++ b/src/main/angular/src/app/shared/device-list/device-list.component.less
@@ -14,7 +14,6 @@
       clear: left;
       float: left;
       font-size: 80%;
-      color: gray;
     }
 
     .actions {
@@ -41,17 +40,4 @@
 
   }
 
-  .stateOn {
-    background-color: palegreen;
-  }
-
-  .stateOff {
-    background-color: indianred;
-
-    .timestamp {
-      color: lightgray;
-    }
-
-  }
-
 }
diff --git a/src/main/angular/src/app/shared/knx-group-list/knx-group-list.component.less b/src/main/angular/src/app/shared/knx-group-list/knx-group-list.component.less
index 767e640..b7b7eeb 100644
--- a/src/main/angular/src/app/shared/knx-group-list/knx-group-list.component.less
+++ b/src/main/angular/src/app/shared/knx-group-list/knx-group-list.component.less
@@ -10,34 +10,6 @@
       margin-bottom: @space;
     }
 
-    .details {
-      font-size: 80%;
-      color: gray;
-
-      .stackLeft {
-        float: left;
-        margin-right: @space;
-      }
-
-      .stackRight {
-        float: right;
-        margin-left: @space;
-      }
-
-    }
-
-  }
-
-  .stateOn {
-    background-color: palegreen;
-  }
-
-  .stateOff {
-    background-color: indianred;
-
-    .details {
-      color: lightgray;
-    }
   }
 
 }
diff --git a/src/main/angular/src/config.less b/src/main/angular/src/config.less
index 1cb9f74..c9d004d 100644
--- a/src/main/angular/src/config.less
+++ b/src/main/angular/src/config.less
@@ -1,5 +1,5 @@
 @space: 0.4em;
-@border: 0.1em;
+@border: 0.05em;
 
 .flexBox {
   display: flex;
@@ -16,6 +16,34 @@
 
 }
 
+.details {
+  font-size: 80%;
+  color: gray;
+
+  .stackLeft {
+    float: left;
+    margin-right: @space;
+  }
+
+  .stackRight {
+    float: right;
+    margin-left: @space;
+  }
+
+}
+
+.stateOn {
+  background-color: palegreen;
+}
+
+.stateOff {
+  background-color: indianred;
+
+  .details {
+    color: #575757;
+  }
+}
+
 .tileContainer {
   padding: calc(@space / 2);