tiny animations

The settings button now turns like a cog when hovered, and there's a
slight animation when you hover a settings switch.

2 files changed, 8 insertions, 0 deletions

diff --git a/src/app/css/popups.css b/src/app/css/popups.css
index 59f6630..826955b 100644
--- a/src/app/css/popups.css
+++ b/src/app/css/popups.css
@@ -350,6 +350,10 @@
 	background: rgb(var(--red));
 }
 
+.switch.on:hover::after {
+	transform: scale(1.2);
+}
+
 .title {
 	display: flex;
 }
diff --git a/src/app/main.css b/src/app/main.css
index ce45f35..f39c5a1 100644
--- a/src/app/main.css
+++ b/src/app/main.css
@@ -59,6 +59,10 @@ button:active {filter: brightness(90%)}
 #winbtns #minimize {background-image: url("icons/minimize.png")}
 #winbtns #settings {background-image: url("icons/settings.png")}
 
+#winbtns #settings:hover {
+	transform: rotate(90deg);
+}
+
 #winbtns div:hover {opacity: 1.0}
 #winbtns div:active {transform: scale(0.95)}
 /* } */