refactor(dashboard): move search box from filter bar to card header

Reduces vertical space by eliminating the second row in the filter bar.
Search input is now next to the "Comenzi" title, hidden on mobile.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Claude Agent
2026-03-17 14:04:10 +00:00
parent 7dd39f9712
commit 3d212979d9
3 changed files with 4 additions and 6 deletions

View File

@@ -7,7 +7,7 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.css" rel="stylesheet">
{% set rp = request.scope.get('root_path', '') %}
<link href="{{ rp }}/static/css/style.css?v=11" rel="stylesheet">
<link href="{{ rp }}/static/css/style.css?v=12" rel="stylesheet">
</head>
<body>
<!-- Top Navbar -->

View File

@@ -44,8 +44,9 @@
<!-- Orders Table -->
<div class="card mb-4">
<div class="card-header">
<div class="card-header d-flex align-items-center justify-content-between">
<span>Comenzi</span>
<input type="search" id="orderSearch" placeholder="Cauta..." class="search-input d-none d-md-inline-block">
</div>
<div class="card-body py-2 px-3">
<div class="filter-bar" id="ordersFilterBar">
@@ -75,8 +76,6 @@
<button class="filter-pill d-none d-md-inline-flex" data-status="UNINVOICED">Nefacturate <span class="filter-count fc-red" id="cntNef">0</span></button>
<button class="filter-pill d-none d-md-inline-flex" data-status="CANCELLED">Anulate <span class="filter-count fc-dark" id="cntCanc">0</span></button>
<button class="btn btn-sm btn-outline-secondary d-none d-md-inline-flex align-items-center gap-1" id="btnRefreshInvoices" onclick="refreshInvoices()" title="Actualizeaza status facturi din Oracle">&#8635; Facturi</button>
<!-- Search (integrated, end of row) -->
<input type="search" id="orderSearch" placeholder="Cauta..." class="search-input">
</div>
<div class="d-md-none mb-2 d-flex align-items-center gap-2">
<div class="flex-grow-1" id="dashMobileSeg"></div>