From c5b655dc7b9cd5594d106ff0fb44415141c3f644 Mon Sep 17 00:00:00 2001
From: antoine37120 <ant.dupre@gmail.com>
Date: Wed, 24 Apr 2024 11:54:46 +0200
Subject: [PATCH] #398 add borders, center see more or less, and fix radius +
 z-index aggrOptions select same as class selects

---
 .../stylesheets/layout/variablesSelection.scss   | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/assets/stylesheets/layout/variablesSelection.scss b/src/assets/stylesheets/layout/variablesSelection.scss
index 5a779bf8..6a203055 100644
--- a/src/assets/stylesheets/layout/variablesSelection.scss
+++ b/src/assets/stylesheets/layout/variablesSelection.scss
@@ -190,9 +190,9 @@
             right: 0;
             top: 110%;
             width: 100%;
-            z-index: 100;
+            z-index: 1000;
             border-radius: 5px;
-            border: 1px solid transparent;
+            border: 1px solid gray;
             ul {
                 list-style-type: none;
                 margin: 0;
@@ -200,6 +200,9 @@
                 li {
                     padding: 3px 8px;
                     border-bottom: 1px solid var(--silver-color-light);
+                    &:first-child {
+                        border-radius: 5px 5px 0 0;
+                    }
                     &:has(+ li:hover),
                     &:has(+ li.selected) {
                         border-bottom: 1px solid transparent;
@@ -214,7 +217,9 @@
                         border-bottom: 1px solid var(--primary-color-main);
                         -webkit-background-clip: padding-box; /* for Safari */
                         background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
-
+                        &:first-child {
+                            border-top: 1px solid gray;
+                        }
                     }
                     &.revealIf {
                         background-color: var(--silver-color-light);
@@ -293,15 +298,20 @@
             }
 
             .aggrOptionsExtend {
+                border-radius: 0 0 5px 5px;
                 span {
                     padding: 3px 8px;
+                    text-align: center;
                 }
                 &:hover {
                     cursor: pointer;
                     color: #fff;
+                    padding-bottom: 1px;
                     background-color: var(--primary-color-main);
                     margin-top: -1px;
+                    margin-bottom: -1px;
                     border-top: 1px solid var(--primary-color-main);
+                    border-bottom: 1px solid gray;
                 }
             }
             &.extended {