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 = = json_encode(DIFF_BANDS, JSON_UNESCAPED_UNICODE) ?>;
- const $diffFilter = $('')
+ const $diffFilter = $('')
.append('');
Object.keys(DIFF_BANDS).forEach(k => $diffFilter.append($('');