From 14d54b03bc8033c3cf5053d1a8df461b97e30d48 Mon Sep 17 00:00:00 2001
From: Matthieu Baumann <matthieu.baumann@astro.unistra.fr>
Date: Wed, 26 Mar 2025 11:41:50 +0100
Subject: [PATCH] Fix css selector

Add a width: 100% to make the selector fits in its parent
---
 src/css/aladin.css                | 18 +++++++++++-------
 src/js/gui/Box/CatalogQueryBox.js |  4 ++--
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/css/aladin.css b/src/css/aladin.css
index 37128b0e..1dd30d81 100644
--- a/src/css/aladin.css
+++ b/src/css/aladin.css
@@ -505,12 +505,15 @@
 
 .aladin-form .aladin-form-input {
     display: flex;
-    justify-content: flex-end;
     align-items: center;
+    justify-content: space-between;
+}
+
+.aladin-form-group > * {
     margin-bottom: 0.4rem;
 }
 
-.aladin-form .aladin-form-input:last-of-type {
+.aladin-form-group > *:last-of-type {
     margin-bottom: 0;
 }
 
@@ -527,10 +530,6 @@
     width: 100%;
 }
 
-.aladin-form .aladin-form-input > label {
-    flex: 1;
-}
-
 .aladin-form .aladin-form-input .aladin-input {
     flex: 2;
 }
@@ -840,13 +839,18 @@
     box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2);
     cursor: pointer;
     font-family: monospace;
-    width: 100%;
     box-sizing: content-box;
     /* <option> colors */
     /* Remove focus outline */
     /* Remove IE arrow */
 }
 
+/* This is done so that the select shrink to the size of its parent (coupled with flex)
+otherwise it fits its content options. If those are too big the select can go out of its parent */
+.aladin-horizontal-list .aladin-input-select {
+    width: 100%;
+}
+
 .aladin-input-select option {
     color: inherit;
     background-color: #320a28;
diff --git a/src/js/gui/Box/CatalogQueryBox.js b/src/js/gui/Box/CatalogQueryBox.js
index 99bf102e..31b67a0f 100644
--- a/src/js/gui/Box/CatalogQueryBox.js
+++ b/src/js/gui/Box/CatalogQueryBox.js
@@ -279,7 +279,7 @@ import { ActionButton } from "../Widgets/ActionButton.js";
                     header: Layout.horizontal([selectorBtn, 'Cone search']),
                     subInputs: [
                         {
-                            label: "ra:",
+                            label: "RA:",
                             name: "ra",
                             type: "text",
                             value: defaultRa,
@@ -291,7 +291,7 @@ import { ActionButton } from "../Widgets/ActionButton.js";
                             }
                         },
                         {
-                            label: "dec:",
+                            label: "Dec:",
                             name: "dec",
                             type: "text",
                             value: defaultDec,