diff --git a/scss/atat.scss b/scss/atat.scss index 082fbab2..1589b971 100644 --- a/scss/atat.scss +++ b/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'; diff --git a/scss/elements/_inputs.scss b/scss/elements/_inputs.scss index 00823f4e..8d47dfe8 100644 --- a/scss/elements/_inputs.scss +++ b/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; } \ No newline at end of file diff --git a/scss/elements/_panel_actions.scss b/scss/elements/_panel_actions.scss new file mode 100644 index 00000000..bf797a06 --- /dev/null +++ b/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; + } + } +} \ No newline at end of file diff --git a/scss/elements/_panels.scss b/scss/elements/_panels.scss index d5ecbfae..e45ee1ec 100644 --- a/scss/elements/_panels.scss +++ b/scss/elements/_panels.scss @@ -43,13 +43,4 @@ padding: 0 ($gap * 4); } } -} - -.panel__actions { - display: flex; - padding: $gap; - - // &__search { - // float: left; - // } } \ No newline at end of file