diff --git a/src/components/Event/Event.module.css b/src/components/Event/Event.module.css index 142d004..e294c74 100644 --- a/src/components/Event/Event.module.css +++ b/src/components/Event/Event.module.css @@ -3,6 +3,7 @@ flex-direction: column; margin: 1rem 0; width: 80%; + padding: 1rem 0.5rem; } .eventContainerTop { @@ -45,11 +46,6 @@ font-size: 2rem; } - - - - - .eventButtons { display: flex; flex-direction: column; @@ -63,9 +59,6 @@ white-space: nowrap; } - - - .moreButton { background: none; border: none; @@ -94,19 +87,16 @@ rotate: 90deg; } - .eventMenuOpen { display: flex; + flex-direction: column; + margin-left: 1.5em; } .eventMenuClose { display: none; } - - - - @media screen and (max-width: 768px) { .eventImage { width: 100%;