style: change Algolia button size

razonyang · Jan 20, 2023 · f89a6fe · f89a6fe
1 parent 04385dd
commit f89a6fe
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/assets/algolia/scss/index.scss b/assets/algolia/scss/index.scss
@@ -93,6 +93,10 @@
     padding: 0;
 }
 
+.aa-DetachedSearchButtonIcon {
+    width: 1.125rem;
+}
+
 .aa-SubmitIcon {
     color: var(--#{$prefix}navbar-color);
 }

diff --git a/assets/docsearch/scss/index.scss b/assets/docsearch/scss/index.scss
@@ -46,6 +46,10 @@
   }
 }
 
+.DocSearch-Button {
+  margin-left: 0;
+}
+
 .DocSearch-Button-Placeholder,
 .DocSearch-Button-Keys {
   display: none;

diff --git a/layouts/partials/header/search-button.html b/layouts/partials/header/search-button.html
@@ -6,5 +6,5 @@
       {{- $indexURL = $index.RelPermalink }}
   {{- end -}}
   <hr class="vr d-none d-xxl-block ms-xxl-1">
-  <div class="search-button d-flex align-items-center ms-0 ms-xxl-1 p-0" data-search-index="{{ $indexURL }}"></div>
+  <div class="search-button d-flex align-items-center ms-0 ms-xxl-2 p-0" data-search-index="{{ $indexURL }}"></div>
 {{- end -}}