From 0b13e53d4adc59f735a648bfcd064559216b68cf Mon Sep 17 00:00:00 2001
From: Tobias <tobias@unterdemradar.de>
Date: Sat, 2 Sep 2023 00:40:45 +0200
Subject: [PATCH] modified styles regarding icons since these all come as SVGs
 now

---
 src/css/sr2ini.scss | 27 ++++++++++++++-------------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/src/css/sr2ini.scss b/src/css/sr2ini.scss
index 0d451f6..1a792a8 100644
--- a/src/css/sr2ini.scss
+++ b/src/css/sr2ini.scss
@@ -57,6 +57,8 @@ body {
 	background-size: cover;
 }
 
+.svg-icons { display: none; }
+
 .icon { fill: $fg; }
 
 .sr2-button:focus-visible {
@@ -97,10 +99,10 @@ header.navbar {
 		margin-right: 3px;
 		width: 38px;
 
-		img {
+		svg {
 			width: 32px;
 			height: 32px;
-			filter: invert(34%) sepia(78%) saturate(7014%) hue-rotate(316deg) brightness(95%) contrast(105%);
+			fill: $fg;
 		}
 
 	}
@@ -262,7 +264,7 @@ header.navbar {
 .damage-dropdown, 
 .actions-dropdown { 
 	display: inline-block; 
-	position: relative;
+	position: relative;	// required in order to center dropdowns vertically
 }
 
 .damage-monitor, 
@@ -275,24 +277,18 @@ header.navbar {
 	padding-top: 10px;
 	padding-bottom: 10px;
 	position: absolute;
-//	top: calc(100% - 2px);
-//	transition: transform .25s ease-in-out;
 	z-index: 200;
 
+	// center element horizontally w/ respect to parent 
 	right: 50%;
 	transform: translateX(50%);
 
-	opacity: 0%;
+	// transition: fade in/out
 	transition: opacity .2s ease-in-out, visibility .2s;
+	opacity: 0%;
 	visibility: hidden;
-
 }
 
-//.damage-monitor { left: calc(100vw - 1em); }
-
-//.actions-menu { left: calc(100vw + 3.5em); }
-
-//.seen { transform: translateX(-100vw); }
 .seen { 
 	visibility: visible;
 	opacity: 100%;
@@ -337,6 +333,11 @@ header.navbar {
 		background: radial-gradient(circle at center, $fg-bright, $fg);
 		box-shadow: 0 0 3px $fg-bright, 0 0 6px $fg, 0 0 12px $fg-dark;
 	}
+
+	svg { 
+		height: 16px;
+		width: 16px;
+	}
 }
 
 
@@ -369,7 +370,7 @@ footer {
 		user-select: auto;
 
 		a {
-			color: hotpink;
+			color: $bg-bright;
 			text-decoration: none;
 		}
 	}