Issue #3224958 by mherchel, djsagar, cindytwilliams, lauriii: Olivero should...

Issue #3224958 by mherchel, djsagar, cindytwilliams, lauriii: Olivero should style Views exposed filters as inline (currently are stacked)

core/themes/olivero/css/components/form.css

@@ -231,3 +231,22 @@ tr .form-item,
   flex: 0 1 100%;
   min-width: 1px;
 }
+
+/**
+ * Inline forms.
+ */
+
+.form--inline > * {
+    display: inline-block;
+    margin-top: 0.5625rem;
+    margin-bottom: 0;
+    vertical-align: top; /* Ensure proper alignment if description is present. */
+  }
+
+.form--inline .form-item__label {
+    margin: 0;
+  }
+
+.form--inline .form-actions {
+    margin-top: 1.6875rem;
+  }

core/themes/olivero/css/components/form.pcss.css

@@ -176,3 +176,23 @@ tr .form-item,
   flex: 0 1 100%;
   min-width: 1px;
 }
+
+/**
+ * Inline forms.
+ */
+.form--inline {
+  & > * {
+    display: inline-block;
+    margin-top: var(--sp0-5);
+    margin-bottom: 0;
+    vertical-align: top; /* Ensure proper alignment if description is present. */
+  }
+
+  & .form-item__label {
+    margin: 0;
+  }
+
+  & .form-actions {
+    margin-top: var(--sp1-5);
+  }
+}

core/themes/olivero/olivero.theme

@@ -629,3 +629,10 @@ function olivero_preprocess_table(&$variables) {
     }
   }
 }
+
+/**
+ * Implements hook_form_views_exposed_form_alter().
+ */
+function olivero_form_views_exposed_form_alter(&$form) {
+  $form['#attributes']['class'][] = 'form--inline';
+}