diff --git a/src/opnsense/mvc/app/controllers/OPNsense/Firewall/forms/dialogFilterRule.xml b/src/opnsense/mvc/app/controllers/OPNsense/Firewall/forms/dialogFilterRule.xml index 641e1ec01c..a4e67587cf 100644 --- a/src/opnsense/mvc/app/controllers/OPNsense/Firewall/forms/dialogFilterRule.xml +++ b/src/opnsense/mvc/app/controllers/OPNsense/Firewall/forms/dialogFilterRule.xml @@ -653,7 +653,6 @@ statistics 115 - 200 diff --git a/src/opnsense/mvc/app/views/OPNsense/Firewall/filter_rule.volt b/src/opnsense/mvc/app/views/OPNsense/Firewall/filter_rule.volt index 90d986fe84..d4cbd552d9 100644 --- a/src/opnsense/mvc/app/views/OPNsense/Firewall/filter_rule.volt +++ b/src/opnsense/mvc/app/views/OPNsense/Firewall/filter_rule.volt @@ -550,14 +550,9 @@ return ""; } - // Split into two vertical rows - const firstGroup = parts.slice(0, 2).join(" "); - const secondGroup = parts.slice(2).join(" "); - return `
-
${firstGroup}
-
${secondGroup}
+ ${parts.join("")}
`; }, @@ -1056,11 +1051,20 @@ .stats-cell { display: flex; - flex-direction: column; + flex-wrap: wrap; + gap: 4px 10px; + align-items: center; + container-type: inline-size; } - .stats-cell div { - gap: 6px; + .stats-cell > span { + white-space: nowrap; + } + + @container (max-width: 160px) { + .stats-cell > span { + flex: 1 1 50%; + } }