From 39e6cf5cada315fbdf73236b8b9bc1f58207f6b3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jan=20Z=C3=ADpek?= <jan@zipek.cz>
Date: Tue, 30 Aug 2022 13:41:05 +0200
Subject: [PATCH] Borders for everything

---
 client/src/assets/components/_box.scss         | 5 +++++
 client/src/assets/components/_user-layout.scss | 1 +
 client/src/assets/pages/_sensors-page.scss     | 4 +++-
 client/src/assets/themes/_basic.scss           | 9 ++++++++-
 4 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/client/src/assets/components/_box.scss b/client/src/assets/components/_box.scss
index 189bb06..8ae7e84 100644
--- a/client/src/assets/components/_box.scss
+++ b/client/src/assets/components/_box.scss
@@ -3,4 +3,9 @@
 	background-color: var(--box-bg-color);
 	color: var(--box-fg-color);
 	border-radius: var(--border-radius);
+	border: 1px solid var(--box-border-color);
+
+	.header {
+		border-bottom: 1px solid var(--box-border-color);
+	}
 }
diff --git a/client/src/assets/components/_user-layout.scss b/client/src/assets/components/_user-layout.scss
index 20140ff..154b0da 100644
--- a/client/src/assets/components/_user-layout.scss
+++ b/client/src/assets/components/_user-layout.scss
@@ -73,6 +73,7 @@ main.layout {
 header.header {
 	flex-grow: 0;
 	flex-shrink: 0;
+	border-bottom: 1px solid var(--box-border-color);
 
 	> .inner {
 		display: flex;
diff --git a/client/src/assets/pages/_sensors-page.scss b/client/src/assets/pages/_sensors-page.scss
index 82d4d17..43b7dba 100644
--- a/client/src/assets/pages/_sensors-page.scss
+++ b/client/src/assets/pages/_sensors-page.scss
@@ -55,13 +55,15 @@
 
 						.label {
 							width: 2rem;
-							background-color: #666;
+							background-color: #ddd;
+							color: #000;
 							padding: 0 0.25rem;
 							border-radius: 0.25rem;
 							border-top-right-radius: 0;
 							border-bottom-right-radius: 0;
 							display: flex;
 							align-items: center;
+							justify-content: flex-end;
 						}
 
 						.value {
diff --git a/client/src/assets/themes/_basic.scss b/client/src/assets/themes/_basic.scss
index 0e35a06..38b1741 100644
--- a/client/src/assets/themes/_basic.scss
+++ b/client/src/assets/themes/_basic.scss
@@ -17,6 +17,7 @@
 	--header-shadow: linear-gradient(0deg, rgba(255, 255, 255, 0) 5%, rgba(190, 190, 190, 0.6) 100%);
 	--box-bg-color: #fff;
 	--box-fg-color: #111;
+	--box-border-color: #ddd;
 	--box-loader-bg-color: rgba(128, 128, 128, 0.3);
 	--box-loader-fg-color: #fff;
 	--box-action-fg-color: #666;
@@ -44,10 +45,11 @@
 		--header-bg-color: #111;
 		--header-spacer-color: #333;
 		--header-shadow: none;
-		--box-bg-color: #111;
 		--modal-bg-color: #000;
 		--modal-fg-color: #eee;
+		--box-bg-color: #111;
 		--box-fg-color: #eee;
+		--box-border-color: #333;
 		--box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.3);
 		--graph-axis-fg-color: #666;
 		--graph-grid-color: rgb(25, 25, 25);
@@ -61,4 +63,9 @@
 		--input-bg-color: #222;
 		--input-fg-color: #ccc;
 	}
+
+	.sensor-item .auth .auth-value .label {
+		background-color: #666 !important;
+		color: #eee !important;
+	}
 }