diff --git a/groups/style.css b/groups/style.css index 45b27f08..36d09fb6 100644 --- a/groups/style.css +++ b/groups/style.css @@ -68,6 +68,7 @@ justify-content: center; flex-direction: column; gap: 10px; + position: relative; } .groups { @@ -111,6 +112,10 @@ margin-bottom: 0.6rem; border-radius: 0.6rem; } +.groups-list li:hover { + cursor: pointer; + background-color: var(--color-active-groups-background); +} .group-name { font-size: larger; } @@ -158,6 +163,12 @@ border: none; } +.btn-add-role { + position: absolute; + top: 3%; + left: 5%; +} + /* * LOADER CLASSES @@ -198,6 +209,9 @@ NOT VERIFIED TEXT ABOVE } @media (max-width: 650px) { + .btn-add-role { + position: static; + } .manage-groups { flex-direction: column-reverse; padding: 1.2rem;