Make the grid controls normal sized

This commit is contained in:
Gregoo 2025-01-31 11:21:10 +01:00
parent 73fa71e380
commit 366df9d5c6

View File

@ -16,21 +16,21 @@
<div class="col-12"> <div class="col-12">
<div id="grid-sort" class="input-group"> <div id="grid-sort" class="input-group">
<span class="input-group-text"><i class="ri-sort-asc"></i><span class="ms-1 d-none d-xxl-inline"> Sort</span></span> <span class="input-group-text"><i class="ri-sort-asc"></i><span class="ms-1 d-none d-xxl-inline"> Sort</span></span>
<button id="sort-number" type="button" class="btn btn-sm btn-outline-primary" <button id="sort-number" type="button" class="btn btn-outline-primary"
data-sort-attribute="number" data-sort-natural="true"><i class="ri-hashtag"></i><span class="d-none d-xxl-inline"> Set</span></button> data-sort-attribute="number" data-sort-natural="true"><i class="ri-hashtag"></i><span class="d-none d-xxl-inline"> Set</span></button>
<button id="sort-name" type="button" class="btn btn-sm btn-outline-primary" <button id="sort-name" type="button" class="btn btn-outline-primary"
data-sort-attribute="name"><i class="ri-pencil-line"></i><span class="d-none d-xxl-inline"> Name</span></button> data-sort-attribute="name"><i class="ri-pencil-line"></i><span class="d-none d-xxl-inline"> Name</span></button>
<button id="sort-theme" type="button" class="btn btn-sm btn-outline-primary" <button id="sort-theme" type="button" class="btn btn-outline-primary"
data-sort-attribute="theme"><i class="ri-price-tag-3-line"></i><span class="d-none d-xxl-inline"> Theme</span></button> data-sort-attribute="theme"><i class="ri-price-tag-3-line"></i><span class="d-none d-xxl-inline"> Theme</span></button>
<button id="sort-year" type="button" class="btn btn-sm btn-outline-primary" <button id="sort-year" type="button" class="btn btn-outline-primary"
data-sort-attribute="year"><i class="ri-calendar-line"></i><span class="d-none d-xxl-inline"> Year</span></button> data-sort-attribute="year"><i class="ri-calendar-line"></i><span class="d-none d-xxl-inline"> Year</span></button>
<button id="sort-minifigure" type="button" class="btn btn-sm btn-outline-primary" <button id="sort-minifigure" type="button" class="btn btn-outline-primary"
data-sort-attribute="minifigures" data-sort-desc="true"><i class="ri-group-line"></i><span class="d-none d-xxl-inline"> Figures</span></button> data-sort-attribute="minifigures" data-sort-desc="true"><i class="ri-group-line"></i><span class="d-none d-xxl-inline"> Figures</span></button>
<button id="sort-parts" type="button" class="btn btn-sm btn-outline-primary" <button id="sort-parts" type="button" class="btn btn-outline-primary"
data-sort-attribute="parts" data-sort-desc="true"><i class="ri-shapes-line"></i><span class="d-none d-xxl-inline"> Parts</span></button> data-sort-attribute="parts" data-sort-desc="true"><i class="ri-shapes-line"></i><span class="d-none d-xxl-inline"> Parts</span></button>
<button id="sort-missing" type="button" class="btn btn-sm btn-outline-primary" <button id="sort-missing" type="button" class="btn btn-outline-primary"
data-sort-attribute="missing" data-sort-desc="true"><i class="ri-error-warning-line"></i><span class="d-none d-xxl-inline"> Missing</span></button> data-sort-attribute="missing" data-sort-desc="true"><i class="ri-error-warning-line"></i><span class="d-none d-xxl-inline"> Missing</span></button>
<button id="sort-clear" type="button" class="btn btn-sm btn-outline-dark" <button id="sort-clear" type="button" class="btn btn-outline-dark"
data-sort-clear="true"><i class="ri-filter-off-line"></i><span class="d-none d-xxl-inline"> Clear</span></button> data-sort-clear="true"><i class="ri-filter-off-line"></i><span class="d-none d-xxl-inline"> Clear</span></button>
</div> </div>
</div> </div>
@ -40,7 +40,7 @@
<label class="visually-hidden" for="grid-status">Status</label> <label class="visually-hidden" for="grid-status">Status</label>
<div class="input-group"> <div class="input-group">
<span class="input-group-text"><i class="ri-checkbox-line"></i><span class="ms-1 d-none d-xl-inline"> Status</span></span> <span class="input-group-text"><i class="ri-checkbox-line"></i><span class="ms-1 d-none d-xl-inline"> Status</span></span>
<select id="grid-status" class="form-select form-select-sm" <select id="grid-status" class="form-select"
data-filter="metadata" data-filter="metadata"
autocomplete="off"> autocomplete="off">
<option value="" selected>All</option> <option value="" selected>All</option>
@ -58,7 +58,7 @@
<label class="visually-hidden" for="grid-theme">Theme</label> <label class="visually-hidden" for="grid-theme">Theme</label>
<div class="input-group"> <div class="input-group">
<span class="input-group-text"><i class="ri-price-tag-3-line"></i><span class="ms-1 d-none d-xl-inline"> Theme</span></span> <span class="input-group-text"><i class="ri-price-tag-3-line"></i><span class="ms-1 d-none d-xl-inline"> Theme</span></span>
<select id="grid-theme" class="form-select form-select-sm" <select id="grid-theme" class="form-select"
data-filter="value" data-filter-attribute="theme" data-filter="value" data-filter-attribute="theme"
autocomplete="off"> autocomplete="off">
<option value="" selected>All</option> <option value="" selected>All</option>