From e684d20be05cf90feb095993229d5f69219390a1 Mon Sep 17 00:00:00 2001
From: fs <fs@breadcrumb-solutions.de>
Date: Mon, 6 Apr 2026 00:31:24 +0200
Subject: [PATCH] fix(helpdesk): move search above period selector in risk
 radar toolbar

Search input now comes first (left), period segment control after.
Both in a horizontal flex row on the same line.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../pages/helpdesk/risk-radar/index(default).phtml       | 2 +-
 modules/helpdesk/web/css/helpdesk.css                    | 9 +++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/modules/helpdesk/pages/helpdesk/risk-radar/index(default).phtml b/modules/helpdesk/pages/helpdesk/risk-radar/index(default).phtml
index 217e992..285d9e6 100644
--- a/modules/helpdesk/pages/helpdesk/risk-radar/index(default).phtml
+++ b/modules/helpdesk/pages/helpdesk/risk-radar/index(default).phtml
@@ -58,13 +58,13 @@ $periodLabels = [
 
     <div class="helpdesk-risk-radar-dashboard">
       <div class="helpdesk-risk-radar-toolbar">
+        <input type="search" id="radar-search" class="helpdesk-risk-radar-search" placeholder="<?php e(t('Search customers...')); ?>" aria-label="<?php e(t('Search customers...')); ?>">
         <div class="helpdesk-segment-control" id="radar-period-selector">
           <?php foreach ($periods as $p): ?>
             <input type="radio" name="radar-period" id="radar-period-<?php e($p); ?>" value="<?php e($p); ?>"<?php if ($p === 90): ?> checked<?php endif; ?>>
             <label for="radar-period-<?php e($p); ?>"><?php e($periodLabels[$p]); ?></label>
           <?php endforeach; ?>
         </div>
-        <input type="search" id="radar-search" class="helpdesk-risk-radar-search" placeholder="<?php e(t('Search customers...')); ?>" aria-label="<?php e(t('Search customers...')); ?>">
       </div>
 
       <div id="radar-loading">
diff --git a/modules/helpdesk/web/css/helpdesk.css b/modules/helpdesk/web/css/helpdesk.css
index 482fe42..f371059 100644
--- a/modules/helpdesk/web/css/helpdesk.css
+++ b/modules/helpdesk/web/css/helpdesk.css
@@ -523,14 +523,15 @@
   /* --- Risk Radar --- */
   .helpdesk-risk-radar-toolbar {
     display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    gap: calc(var(--app-spacing) * 0.5);
+    align-items: center;
+    gap: calc(var(--app-spacing) * 0.75);
+    flex-wrap: wrap;
     margin-bottom: calc(var(--app-spacing) * 0.75);
   }
 
   .helpdesk-risk-radar-search {
-    width: 100%;
+    flex: 1;
+    min-width: 12rem;
     max-width: 20rem;
   }