Release v0.4.1

Author: francois-drielsma

CHANGELOG.md

@@ -6,6 +6,11 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+## [0.4.1] - 2026-05-09
+### Fixed
+- Align login form spacing with the main control panel
+- Move authenticated session controls into the header utility cluster
+
 ## [0.4.0] - 2026-05-09
 ### Changed
 - Updated `spine` dependency to v0.11.0+ for improved hovertext support

src/spinal_tap/assets/base.css

@@ -92,7 +92,7 @@ body:has(#theme-toggle input:checked) textarea {
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto auto auto auto;
   align-items: center;
-  gap: 18px;
+  gap: 14px;
   padding: 14px 26px;
   background: var(--panel);
   border-bottom: 1px solid var(--line);
@@ -134,27 +134,34 @@ body:has(#theme-toggle input:checked) .spine-logo {
 .session-block {
   display: flex;
   align-items: center;
-  gap: 10px;
+  gap: 8px;
 }
 
 .experiment-chip,
 .logout-link {
-  min-height: 34px;
+  min-height: 28px;
   display: inline-flex;
   align-items: center;
   border: 1px solid var(--line);
   border-radius: 999px;
-  padding: 6px 12px;
-  background: var(--panel-subtle);
-  color: var(--ink);
-  font-size: 13px;
+  padding: 5px 10px;
+  background: transparent;
+  color: var(--muted);
+  font-size: 11px;
   font-weight: 800;
+  line-height: 1;
+  text-transform: uppercase;
 }
 
 .logout-link {
   text-decoration: none;
 }
 
+.experiment-chip {
+  background: var(--panel-subtle);
+  color: var(--ink);
+}
+
 .logout-link:hover {
   border-color: var(--spine-orange);
   color: var(--spine-orange);
@@ -822,26 +829,30 @@ body:has(#theme-toggle input:checked) .Select-control * {
 
 .login-panel {
   width: min(420px, 100%);
-  padding: 24px;
+  padding: 20px;
 }
 
 .login-title {
-  text-align: center;
-  font-size: 22px;
+  text-align: left;
+  font-size: 17px;
 }
 
 .login-copy {
-  margin-bottom: 18px;
-  text-align: center;
+  margin: 6px 0 18px;
+  text-align: left;
+}
+
+.login-field {
+  margin-top: 14px;
 }
 
 .login-error {
-  min-height: 24px;
-  margin: 10px 0;
+  min-height: 18px;
+  margin: 8px 0;
   color: var(--danger);
   font-size: 13px;
   font-weight: 800;
-  text-align: center;
+  text-align: left;
 }
 
 @media (max-width: 1260px) {

src/spinal_tap/layout.py

@@ -53,24 +53,34 @@ def login_form():
                             "Select an experiment and enter the shared password.",
                             className="login-copy",
                         ),
-                        html.Label("Experiment", className="field-label"),
-                        dcc.Dropdown(
-                            id="experiment-select",
-                            options=[
-                                {"label": "Public", "value": "public"},
-                                {"label": "DUNE", "value": "dune"},
-                                {"label": "ICARUS", "value": "icarus"},
-                                {"label": "SBND", "value": "sbnd"},
+                        html.Div(
+                            [
+                                html.Label("Experiment", className="field-label"),
+                                dcc.Dropdown(
+                                    id="experiment-select",
+                                    options=[
+                                        {"label": "Public", "value": "public"},
+                                        {"label": "DUNE", "value": "dune"},
+                                        {"label": "ICARUS", "value": "icarus"},
+                                        {"label": "SBND", "value": "sbnd"},
+                                    ],
+                                    placeholder="Select experiment",
+                                    className="control-dropdown",
+                                ),
                             ],
-                            placeholder="Select experiment",
-                            className="control-dropdown",
+                            className="login-field",
                         ),
-                        html.Label("Password", className="field-label"),
-                        dcc.Input(
-                            id="password-input",
-                            type="password",
-                            placeholder="Enter password",
-                            className="text-input",
+                        html.Div(
+                            [
+                                html.Label("Password", className="field-label"),
+                                dcc.Input(
+                                    id="password-input",
+                                    type="password",
+                                    placeholder="Enter password",
+                                    className="text-input",
+                                ),
+                            ],
+                            className="login-field",
                         ),
                         html.Div(id="login-error", className="login-error"),
                         html.Button(
@@ -444,6 +454,13 @@ def app_header(experiment=None):
                 ],
                 className="brand-block",
             ),
+            html.Div(
+                [
+                    html.Span(f"Tap {__version__}", className="version-chip"),
+                    html.Span(f"SPINE {spine_version}", className="version-chip"),
+                ],
+                className="version-block",
+            ),
             (
                 html.Div(
                     [
@@ -455,13 +472,6 @@ def app_header(experiment=None):
                 if experiment
                 else None
             ),
-            html.Div(
-                [
-                    html.Span(f"Tap {__version__}", className="version-chip"),
-                    html.Span(f"SPINE {spine_version}", className="version-chip"),
-                ],
-                className="version-block",
-            ),
             html.Div(
                 [
                     dcc.Checklist(

src/spinal_tap/version.py

@@ -1,3 +1,3 @@
 """Module which stores the current software version."""
 
-__version__ = "0.4.0"
+__version__ = "0.4.1"