Add panel actions styleguide

scss/atat.scss

@@ -8,6 +8,7 @@
 @import 'elements/inputs';
 @import 'elements/buttons';
 @import 'elements/panels';
+@import 'elements/panel_actions';
 @import 'elements/block_lists';
 @import 'elements/tables';
 @import 'elements/icons';

scss/elements/_inputs.scss

@@ -4,7 +4,7 @@
  * @source https://github.com/uswds/uswds/blob/develop/src/stylesheets/elements/_inputs.scss
  */
 
-from {
+ from {
   margin-bottom: 3rem;
 }
 
@@ -27,11 +27,4 @@ select {
   label:first-child {
     padding-bottom: 0.5rem;
   }
-}
-
-.usa-search {
-  // width: 45%;
-  // float: left;
-  // padding: $gap * 2;
-  margin-right: $gap;
 }

scss/elements/_panel_actions.scss

@@ -0,0 +1,20 @@
+// Panels Actions
+// Form inputs and other actions for panels
+
+.panel__actions {
+  display: flex;
+  padding: $gap;
+
+  .usa-search {
+    padding-top: 2px;
+    input[type=search] {
+      height: 4.4rem;
+      font-size: 14px;
+      color: $color-black;
+
+    }
+    button {
+      min-height: 4.4rem;
+    }
+  }
+}

scss/elements/_panels.scss

@@ -43,13 +43,4 @@
       padding: 0 ($gap * 4);
     }
   }
-}
-
-.panel__actions {
-  display: flex;
-  padding: $gap;
-
-  // &__search {
-  //   float: left;
-  // }
 }