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); +}