style: correct the icon's margin and padding on form (#125)

hbstack · Dec 21, 2023 · 491e6aa · 491e6aa
1 parent 32d374e
commit 491e6aa
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/layouts/partials/hb/modules/search/form.html b/layouts/partials/hb/modules/search/form.html
@@ -1,10 +1,12 @@
 {{- $url := partial "search/functions/search-url" . }}
-<form class="hb-module hb-search-form position-relative" action="{{ $url }}">
-  <input name="q" class="form-control form-control-lg pe-5" placeholder="{{ i18n `search` }}">
-  <button
-    type="submit"
-    class="position-absolute end-0 top-0 mt-4 me-4 p-0 border-0 bg-transparent"
-    title="{{ i18n `search` }}">
-    {{ partial "icons/icon" (dict "vendor" "bs" "name" "search" "width" "1.5rem" "height" "1.5rem") }}
-  </button>
+<form class="hb-module hb-search-form" action="{{ $url }}">
+  <div class="position-relative">
+    <input name="q" class="form-control pe-5" placeholder="{{ i18n `search` }}">
+    <button
+      type="submit"
+      class="position-absolute end-0 top-0 mt-2 me-2 p-0 border-0 bg-transparent text-primary"
+      title="{{ i18n `search` }}">
+      {{ partial "icons/icon" (dict "vendor" "bs" "name" "search" "width" "1.25rem" "height" "1.25rem") }}
+    </button>
+  </div>
 </form>