Move Add container button into the containers filter toolbar.
Release rolling / release (push) Has been cancelled

Place it next to Clear so the page header stays compact.
This commit is contained in:
Raven Scott
2026-07-15 14:45:53 -04:00
parent 5e13fc0919
commit 1a1394a68b
+6 -8
View File
@@ -963,16 +963,11 @@
<h2><i class="fas fa-cube"></i>Containers</h2> <h2><i class="fas fa-cube"></i>Containers</h2>
<p class="page-subtitle">Lifecycle, logs, stats, and terminals</p> <p class="page-subtitle">Lifecycle, logs, stats, and terminals</p>
</div> </div>
<div class="btn-group">
<button type="button" class="btn btn-primary" id="add-container-btn" data-min-role="operator" onclick="navigateToView('add-container')">
<i class="fas fa-plus me-2"></i>Add container
</button>
</div>
</div> </div>
<!-- Container Filter and Search --> <!-- Container Filter and Search -->
<div class="view-toolbar mb-3"> <div class="view-toolbar mb-3">
<div class="row g-2 w-100 m-0"> <div class="row g-2 w-100 m-0">
<div class="col-md-4 px-1"> <div class="col-md-3 px-1">
<input type="text" id="container-search" class="form-control" placeholder="Search containers by name or image…"> <input type="text" id="container-search" class="form-control" placeholder="Search containers by name or image…">
</div> </div>
<div class="col-md-3 px-1"> <div class="col-md-3 px-1">
@@ -994,9 +989,12 @@
<option value="memory-asc">Sort by Memory (Low-High)</option> <option value="memory-asc">Sort by Memory (Low-High)</option>
</select> </select>
</div> </div>
<div class="col-md-2 px-1"> <div class="col-md-3 px-1">
<div class="d-flex gap-2 align-items-center"> <div class="d-flex gap-2 align-items-center">
<button id="clear-filters" class="btn btn-outline-secondary flex-grow-1">Clear</button> <button type="button" id="clear-filters" class="btn btn-outline-secondary flex-grow-1">Clear</button>
<button type="button" class="btn btn-primary flex-grow-1 text-nowrap" id="add-container-btn" data-min-role="operator" onclick="navigateToView('add-container')">
<i class="fas fa-plus me-1"></i>Add container
</button>
</div> </div>
</div> </div>
</div> </div>