From d0b4ab0e1d4d8ddf723a225d92065e669dd2dfcf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20D=C3=ADaz=20Gonz=C3=A1lez?= <dgonzalez@suse.de>
Date: Thu, 30 Nov 2023 15:46:30 +0000
Subject: [PATCH] [web] Drop gap between selector options

To save space and make it looks more like a single widget.
---
 web/src/assets/styles/blocks.scss | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/web/src/assets/styles/blocks.scss b/web/src/assets/styles/blocks.scss
index 672b483bd6..ef29d5c3fd 100644
--- 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);