Removes margin from sort label for correct vertical alignment

uktrade · Jan 29, 2025 · 84b2994 · 84b2994
1 parent 515d3de
commit 84b2994
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/app/search/templates/django-fbr.html b/app/search/templates/django-fbr.html
@@ -205,7 +205,7 @@ <h2 class="govuk-fieldset__heading">
                 <div class="govuk-grid-row">
                   <div class="govuk-grid-column-full">
                     <div class="fbr-flex">
-                      <label class="govuk-label govuk-!-margin-right-3 fbr-!-no-text-wrap" for="{{ form.search.id_for_label }}">
+                      <label class="govuk-label govuk-!-margin-bottom-0 govuk-!-margin-right-3 fbr-!-no-text-wrap" for="{{ form.search.id_for_label }}">
                         {{ form.sort.label }}
                       </label>
                       {{ form.sort }}

diff --git a/react_front_end/src/components/SortSelect.js b/react_front_end/src/components/SortSelect.js
@@ -7,7 +7,10 @@ function SortSelect({ sortQuery, setSortQuery }) {
     <div className="govuk-grid-row">
       <div className="govuk-grid-column-full">
         <div className="fbr-flex">
-          <label className="govuk-label govuk-!-margin-right-3 fbr-!-no-text-wrap" htmlFor="sort-select">
+          <label
+            className="govuk-label govuk-!-margin-bottom-0 govuk-!-margin-right-3 fbr-!-no-text-wrap"
+            htmlFor="sort-select"
+          >
             Sort by
           </label>
           <select