diff --git a/Iceshrimp.Frontend/Components/Menu.razor.css b/Iceshrimp.Frontend/Components/Menu.razor.css index f9e3f3df..e42763a5 100644 --- a/Iceshrimp.Frontend/Components/Menu.razor.css +++ b/Iceshrimp.Frontend/Components/Menu.razor.css @@ -3,6 +3,9 @@ --left: 0px; background-color: var(--foreground-color); position: absolute; + display: flex; + flex-direction: column; + row-gap: 0.2rem; padding: 0.5rem; border-radius: 0.5rem; border: var(--highlight-color) solid 0.1rem; @@ -14,6 +17,8 @@ } ::deep .rule { + align-self: center; + margin: 0; width: 90%; color: var(--highlight-color); border-width: 0.05rem; @@ -27,6 +32,7 @@ bottom: 0; left: 0; position: fixed; + row-gap: 0.5rem; width: 100vw; max-width: 100vw; border-bottom: none; diff --git a/Iceshrimp.Frontend/Components/MenuElement.razor.css b/Iceshrimp.Frontend/Components/MenuElement.razor.css index 4c3fd6f4..d3e10f6d 100644 --- a/Iceshrimp.Frontend/Components/MenuElement.razor.css +++ b/Iceshrimp.Frontend/Components/MenuElement.razor.css @@ -19,9 +19,3 @@ .menu-element.danger { color: var(--danger-color); } - -@media (max-width: 1000px) { - .menu-element + .menu-element { - margin-top: 1rem; - } -}