From 438206dd450c8a67eea2bbb46758401b86dae1ae Mon Sep 17 00:00:00 2001
From: Jeder <jeder+git@jeder.pl>
Date: Thu, 24 Oct 2024 21:46:43 +0200
Subject: [PATCH] [frontend/components] Update styling for menus

---
 Iceshrimp.Frontend/Components/Menu.razor.css      |  7 ++++---
 .../Components/MenuElement.razor.css              | 15 ++++++++++++++-
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/Iceshrimp.Frontend/Components/Menu.razor.css b/Iceshrimp.Frontend/Components/Menu.razor.css
index 1e1070d5..f0b9a678 100644
--- a/Iceshrimp.Frontend/Components/Menu.razor.css
+++ b/Iceshrimp.Frontend/Components/Menu.razor.css
@@ -1,10 +1,11 @@
 .menu {
     background-color: var(--foreground-color);
     position: absolute;
-    padding: 0.5rem 1rem;
-    border-radius: 1rem;
+    padding: 0.5rem;
+    border-radius: 0.5rem;
     border: var(--highlight-color) solid 0.1rem;
-    width: 13rem;
+    width: 15rem;
+    max-width: 20rem;
     top: 2.5rem;
     left: -5rem;
     z-index: +1;
diff --git a/Iceshrimp.Frontend/Components/MenuElement.razor.css b/Iceshrimp.Frontend/Components/MenuElement.razor.css
index bc838adc..c2c621d4 100644
--- a/Iceshrimp.Frontend/Components/MenuElement.razor.css
+++ b/Iceshrimp.Frontend/Components/MenuElement.razor.css
@@ -1,3 +1,16 @@
 .menu-element {
     display: flex;
-}
\ No newline at end of file
+    margin: 0.2rem 0;
+    padding: 0.2rem 0;
+    padding-inline: 0.5rem;
+    border-radius: 0.5rem;
+    align-items: center;
+
+    > i {
+        padding-right: 0.5rem;
+    }
+}
+
+.menu-element:hover {
+    background-color: var(--hover-color);
+}