From 9b49b470998593407508e7d5b373c1ad2b51ca51 Mon Sep 17 00:00:00 2001
From: Robert Chisholm <robadob@robadob.org>
Date: Fri, 8 Dec 2023 20:16:06 +0000
Subject: [PATCH 1/3] Bugfix: Search icon would drift from input field

---
 inst/pkgdown/templates/header.html |  2 +-
 source/stylesheets/header.scss     | 12 +++++++-----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/inst/pkgdown/templates/header.html b/inst/pkgdown/templates/header.html
index 666867c9..34f61710 100644
--- a/inst/pkgdown/templates/header.html
+++ b/inst/pkgdown/templates/header.html
@@ -181,7 +181,7 @@
         {{/more}}
       </ul>
     </div>
-    <form class="d-flex col-md-2 search-form">
+    <form class="d-flex col-md-2 justify-content-end search-form">
       <fieldset disabled>
       <input class="form-control me-2 searchbox" type="search" placeholder="{{ translate.Search }}" aria-label="{{ translate.Search }}">
         <button class="btn btn-outline-success tablet-search-button"  type="submit">
diff --git a/source/stylesheets/header.scss b/source/stylesheets/header.scss
index 81d9bd8c..23f7d94a 100644
--- a/source/stylesheets/header.scss
+++ b/source/stylesheets/header.scss
@@ -282,8 +282,8 @@
 
   .tablet-search-button {
     position: absolute;
-    top: 8px;
-    right: 60px;
+    top: 0px;
+    right: 21px;
     border: none;
     color: $black;
     display: block;
@@ -295,13 +295,15 @@
 
   .search-form {
     margin-right: 20px;
+    position: relative;
+    min-width: 200px;
   }
 
   .tablet-search {
     display: block;
   }
   .tablet-search-button {
-    margin-right: -25px;
+    margin-right: -45px;
   }
 
   .tablet-search-button:hover {
@@ -420,8 +422,8 @@
 
   .tablet-search-button {
     position: absolute;
-    top: 8px;
-    right: 35px;
+    top: 0px;
+    right: -24px;
   }
 
   .desktop-search {

From c6b3fddbcc11310a9e69a4ccb9ec6f2d08faa389 Mon Sep 17 00:00:00 2001
From: Robert Chisholm <robadob@robadob.org>
Date: Fri, 8 Dec 2023 20:37:49 +0000
Subject: [PATCH 2/3] fixup

One rule was behind media breakpoint when it shouldnt have been

Also think I misentered a value
---
 source/stylesheets/header.scss | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/source/stylesheets/header.scss b/source/stylesheets/header.scss
index 23f7d94a..f2167bd5 100644
--- a/source/stylesheets/header.scss
+++ b/source/stylesheets/header.scss
@@ -249,6 +249,11 @@
   height:14px;
 }
 
+.search-form {
+  position: relative;
+  min-width: 200px;
+}
+
 @include media-breakpoint-up(md) {
   .progress {
     height: 12px;
@@ -283,7 +288,7 @@
   .tablet-search-button {
     position: absolute;
     top: 0px;
-    right: 21px;
+    right: 38px;
     border: none;
     color: $black;
     display: block;
@@ -295,8 +300,6 @@
 
   .search-form {
     margin-right: 20px;
-    position: relative;
-    min-width: 200px;
   }
 
   .tablet-search {

From 4276b7a6213c105f536dea90dec37312c58a46b2 Mon Sep 17 00:00:00 2001
From: Robert Chisholm <robadob@robadob.org>
Date: Fri, 8 Dec 2023 20:41:49 +0000
Subject: [PATCH 3/3] Update fix from #113

---
 source/stylesheets/header.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/source/stylesheets/header.scss b/source/stylesheets/header.scss
index f2167bd5..7b1b5624 100644
--- a/source/stylesheets/header.scss
+++ b/source/stylesheets/header.scss
@@ -363,6 +363,7 @@
     left: 10%;
     margin-bottom: 30px;
     margin-top: 25px;
+    margin-right: 232px;
   }
 
   .top-nav {