Remove `.form-group` leftovers (#29449)

diff --git a/scss/forms/_layout.scss b/scss/forms/_layout.scss
index 8cdb053c7526f0f29709789c361d02bbd05b22d0..eaef926b2dab3201282bde6d0da0c9b0ff7578f1 100644 (file)
--- a/scss/forms/_layout.scss
+++ b/scss/forms/_layout.scss
@@ -22,9 +22,6 @@
 // Make forms appear inline(-block) by adding the `.form-inline` class. Inline
 // forms begin stacked on extra small (mobile) devices and then go inline when
 // viewports reach <768px.
-//
-// Requires wrapping inputs and labels with `.form-group` for proper display of
-// default HTML form controls and our custom form controls (e.g., input groups).
 
 .form-inline {
   display: flex;
@@ -47,19 +44,9 @@
       margin-bottom: 0;
     }
 
-    // Inline-block all the things for "inline"
-    .form-group {
-      display: flex;
-      flex: 0 0 auto;
-      flex-flow: row wrap;
-      align-items: center;
-      margin-bottom: 0;
-    }
-
-    // Allow folks to *not* use `.form-group`
     .form-control {
       display: inline-block;
-      width: auto; // Prevent labels from stacking above inputs in `.form-group`
+      width: auto; // Prevent labels from stacking above inputs
       vertical-align: middle;
     }
 

diff --git a/site/assets/scss/_component-examples.scss b/site/assets/scss/_component-examples.scss
index 71822578f875dfb054539ea806d8a8b04cefbce8..492d19eccc1fbf59de11657d252886756badf1e6 100644 (file)
--- a/site/assets/scss/_component-examples.scss
+++ b/site/assets/scss/_component-examples.scss
@@ -119,10 +119,6 @@
     position: static;
     display: block;
   }
-
-  > .form-group:last-child {
-    margin-bottom: 0;
-  }
 }
 
 // Images