Issue #3489403 by mably: Forbid line breaks between filter value and remove link

css/views_filters_summary.css

-.views-filters-summary .value {
+.views-filters-summary .value-container {
+  margin-right: 0.5em;
+  white-space: nowrap;
+}
+
+.views-filters-summary .label {
   display: inline-block;
   margin-right: 0.5em;
+}
+
+.views-filters-summary .value {
+  display: inline-block;
   margin-bottom: 6px;
-  padding: 0 1px 0 6px;
+  padding: 0 6px 0 6px;
   border: 1px solid #8c1515;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
@@ -10,6 +19,10 @@
   font-weight: 500;
 }
 
+.views-filters-summary .value-container:last-of-type {
+  margin-right: 0;
+}
+
 .views-filters-summary a.remove-filter {
   margin-left: 4px;
   padding: 1px 8px 0 8px;
@@ -22,3 +35,7 @@
   background-color: #ededed;
   font-size: 18px;
 }
+
+.views-filters-summary a.reset {
+  margin-left: 0.5em;
+}

templates/views-filters-summary.html.twig

@@ -43,30 +43,32 @@
           {% if options.has_group_values %}
             <span class="values">
               {%- for value in item.groups -%}
-                <strong class="value">{{ value.value }}</strong>
-                {% if value.link and options.show_remove_link %}
+                <span class="value-container">
+                  <strong class="value">{{ value.value }}</strong>
+                  {% if value.link and options.show_remove_link %}
                     {{ value.link }}
-                {% endif %}
+                  {% endif %}
+                </span>
               {% endfor %}
              </span>
           {% else %}
-            <strong class="value">{{ item.value }}</strong>
-            {% if item.link and options.show_remove_link %}
-                {{ item.link }}
-            {% endif %}
+            <span class="value-container">
+              <strong class="value">{{ item.value }}</strong>
+              {% if item.link and options.show_remove_link %}
+                  {{ item.link }}
+              {% endif %}
+            </span>
           {% endif %}
 
           {% if loop.last == false %}
-              {{- options.filters_summary.separator -}}
+            {{- options.filters_summary.separator -}}
           {% endif %}
         </span>
       {%- endfor -%}
     </span>
 
     {% if summary and options.show_reset_link and options.reset_link.title %}
-      <a class="reset" href='/'>
-        {{ options.reset_link.title }}
-      </a>
+      <a class="reset" href='/'>{{ options.reset_link.title }}</a>
     {% endif %}
   </div>
 {% endapply %}