added icons to more buttons

2 files changed, 35 insertions, 0 deletions

diff --git a/src/app/css/grid.css b/src/app/css/grid.css
index d44784b..188f32a 100644
--- a/src/app/css/grid.css
+++ b/src/app/css/grid.css
@@ -78,6 +78,7 @@
 }
 
 .popup .misc button img {
+	margin: 0px;
 	opacity: 0.6;
 	width: var(--height);
 	transform: scale(0.5);
diff --git a/src/app/css/launcher.css b/src/app/css/launcher.css
index 913e732..c43bce1 100644
--- a/src/app/css/launcher.css
+++ b/src/app/css/launcher.css
@@ -285,6 +285,40 @@
 	background: rgb(var(--red)) !important;
 }
 
+button:has(img):not(img:only-child) {
+	top: 2px;
+	position: relative;
+	align-items: center;
+	display: inline-flex;
+	justify-content: center;
+}
+
+button:has(img):not(img:only-child) img {
+	width: 1em;
+	height: 1em;
+	height: fit-content;
+	margin-right: calc(var(--padding) / 3)
+}
+
+button:has(img):has(span) img {
+	opacity: 0.0;
+	transition: opacity 0.2s ease-in-out;
+}
+
+button:has(img):has(span):hover img {
+	opacity: 1.0;
+}
+
+button:has(img):has(span) span {
+	right: 0.8em;
+	position: relative;
+	transition: right 0.2s ease-in-out;
+}
+
+button:has(img):has(span):hover span {
+	right: 0.1em;
+}
+
 button:disabled {
 	opacity: 0.5;
 	pointer-events: none;