Move search margin bottom from SASS to a component option

alphagov · Feb 25, 2025 · 7d8f42e · 7d8f42e
1 parent 12a0de3
commit 7d8f42e
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 1 deletion.
diff --git a/app/assets/stylesheets/govuk_publishing_components/components/_search.scss b/app/assets/stylesheets/govuk_publishing_components/components/_search.scss
@@ -24,7 +24,6 @@ $large-input-size: 50px;
 
 .gem-c-search {
   position: relative;
-  margin-bottom: 30px;
 }
 
 .gem-c-search__label {

diff --git a/app/views/govuk_publishing_components/components/_search.html.erb b/app/views/govuk_publishing_components/components/_search.html.erb
@@ -18,6 +18,7 @@
   no_border ||= false
   size ||= ""
   value ||= ""
+  local_assigns[:margin_bottom] ||= 6
 
   component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
   component_helper.add_data_attribute({ module: "gem-toggle-input-class-on-focus" })