diff --git a/public/userarea/matrici.php b/public/userarea/matrici.php index 54837f69..89f0f0d1 100644 --- a/public/userarea/matrici.php +++ b/public/userarea/matrici.php @@ -260,9 +260,18 @@ function diffBadge($v) .dataTables_wrapper .dataTables_filter { position: relative; margin-bottom: 12px; + /* Cerca + filtro difficoltà sulla stessa riga */ + display: flex; + align-items: center; + justify-content: flex-end; + flex-wrap: wrap; + gap: 10px; } .dataTables_wrapper .dataTables_filter label { + position: relative; + /* la lente si posiziona sul campo, non sul contenitore */ + margin: 0; font-weight: 700; color: #1f2d3d; display: flex; @@ -289,7 +298,7 @@ function diffBadge($v) box-shadow: 0 0 0 0.2rem rgba(25, 135, 84, 0.25), 0 10px 22px rgba(25, 135, 84, 0.22) !important; } - .dataTables_wrapper .dataTables_filter::after { + .dataTables_wrapper .dataTables_filter label::after { content: "🔎"; position: absolute; right: 16px; @@ -538,9 +547,20 @@ function diffBadge($v) } #diffFilter { - display: inline-block; width: auto; - margin-left: 10px; + min-width: 190px; + height: 46px; + padding: 10px 36px 10px 14px; + border-radius: 12px; + border: 2px solid #198754; + font-weight: 600; + color: #1f2d3d; + box-shadow: 0 6px 18px rgba(25, 135, 84, 0.18); + } + + #diffFilter:focus { + border-color: #146c43; + box-shadow: 0 0 0 0.2rem rgba(25, 135, 84, 0.25); } .worksheet-counter-badge { @@ -1659,7 +1679,7 @@ function diffBadge($v) // ---- filtro difficoltà ---- const DIFF_BANDS = ; - const $diffFilter = $('') + const $diffFilter = $('') .append(''); Object.keys(DIFF_BANDS).forEach(k => $diffFilter.append($('');