[web] Drop gap between selector options

To save space and make it looks more like a single widget.
agama-project · Nov 30, 2023 · d0b4ab0 · d0b4ab0
1 parent 94bb4d4
commit d0b4ab0
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/web/src/assets/styles/blocks.scss b/web/src/assets/styles/blocks.scss
@@ -275,11 +275,13 @@ span.notification-mark[data-variant="sidebar"] {
 ul[data-type="agama/list"] {
  li {
  border: 2px solid var(--color-gray-dark);
- border-radius: 5px;
  padding: var(--spacer-normal);
  text-align: start;
  background: var(--color-gray-light);
- margin-block-end: var(--spacer-small);
+
+ &:nth-child(n+2) {
+ border-top: 0;
+ }
 
  > div {
  margin-block-end: var(--spacer-smaller);
@@ -313,6 +315,14 @@ ul[data-type="agama/list"][role="listbox"] {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
 
+ &:first-child {
+ border-radius: 5px 5px 0 0;
+ }
+
+ &:last-child {
+ border-radius: 0 0 5px 5px;
+ }
+
  &:hover {
  &:not([aria-selected]) {
  background: var(--color-gray-dark);