From cca88369c748e353dee408f4b543ee384310c55a Mon Sep 17 00:00:00 2001
From: Revathyvenugopal162 <revathy.venugopal@ansys.com>
Date: Fri, 25 Aug 2023 15:31:38 +0200
Subject: [PATCH 1/2] fix: add the shortcut on search bar

---
 .../ansys_sphinx_theme/components/search-field.html      | 9 ++++++++-
 .../theme/ansys_sphinx_theme/search.html                 | 5 +++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
index 6e42dae5..2e03b473 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
@@ -16,7 +16,14 @@
     id="search-bar-input"
     autofocus
   />
-
+  <span class="search-button__kbd-shortcut"
+    ><kbd class="kbd-shortcut__modifier">Ctrl</kbd>+<kbd>K</kbd></span
+  >
+  <style>
+    .bd-search .search-button__kbd-shortcut {
+      right: 33%;
+    }
+  </style>
   {% if theme_use_meilisearch.index_uids %}
   <select id="indexUidSelector" class="index-select">
     {% for index_uid, index_name in theme_use_meilisearch.index_uids.items() %}
diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/search.html b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/search.html
index f0a43aee..8dd0d8f8 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/search.html
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/search.html
@@ -49,6 +49,11 @@
             <h1>{{ _("Search") }}</h1>
             {% include "components/search-field.html" %}
           </div>
+          <style>
+            .bd-search .search-button__kbd-shortcut {
+              right: 33%;
+            }
+          </style>
           {% endblock docs_body %} {# Article Footer #} {% if
           theme_show_prev_next %}
           <footer class="bd-footer-article">

From 9f1ba950ff04a9e5f272ce772925269e8c63ba81 Mon Sep 17 00:00:00 2001
From: Revathyvenugopal162 <revathy.venugopal@ansys.com>
Date: Fri, 25 Aug 2023 17:02:38 +0200
Subject: [PATCH 2/2] fix: add the shortcut on search field

---
 .../theme/ansys_sphinx_theme/search.html      | 21 ++-------
 .../static/css/meilisearch.css                | 47 ++++++-------------
 2 files changed, 20 insertions(+), 48 deletions(-)

diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/search.html b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/search.html
index 8dd0d8f8..c074ff19 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/search.html
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/search.html
@@ -16,17 +16,6 @@
   {%- include "sections/header.html" %}
 </nav>
 {% endblock docs_navbar %}
-<style>
-  .bd-main .bd-content .bd-article-container {
-    display: flex;
-    flex-direction: column;
-    justify-content: start;
-    max-width: 70em;
-    overflow-x: auto;
-    padding: 1rem;
-    width: 100%;
-  }
-</style>
 <div class="bd-container">
   <div class="bd-container__inner bd-page-width">
     {# Primary sidebar #}
@@ -47,13 +36,13 @@
           {# Article content #} {% block docs_body %}
           <div class="bd-search-container">
             <h1>{{ _("Search") }}</h1>
+            <style>
+              .bd-search .search-button__kbd-shortcut {
+                display: none;
+              }
+            </style>
             {% include "components/search-field.html" %}
           </div>
-          <style>
-            .bd-search .search-button__kbd-shortcut {
-              right: 33%;
-            }
-          </style>
           {% endblock docs_body %} {# Article Footer #} {% if
           theme_show_prev_next %}
           <footer class="bd-footer-article">
diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
index 4782f112..16b350e2 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
@@ -18,46 +18,20 @@ div[data-ds-theme] .searchbox {
     width: 100%;
     max-width: 100%;
   }
-
-  .dsb-suggestions {
-    width: 100%;
-    max-width: 480px;
-  }
-
-  .meilisearch-autocomplete .dsb-dropdown-menu [class^="dsb-dataset-"] {
-    max-width: 580px;
-    min-width: 430px;
-    width: 450px;
-  }
-
   .bd-search input {
-    width: 270px !important;
+    width: 100% !important;
   }
 
   .index-select {
-    width: 180px;
-  }
-
-  .meilisearch-autocomplete .docs-searchbar-suggestion {
-    width: 450px;
+    width: 30%;
   }
 }
 
 /* Styles for screens with a width of 1200px or less */
 @media screen and (min-width: 1200px) {
   div[data-ds-theme] .searchbox {
-    max-width: 800px;
-  }
-
-  .dsb-suggestions {
     width: 100%;
-    max-width: 580px;
-  }
-
-  div[data-ds-theme] .meilisearch-autocomplete .dsb-dropdown-menu {
-    max-width: 870px;
-    min-width: 580px;
-    width: 850px;
+    max-width: 100%;
   }
 
   .bd-search input {
@@ -66,10 +40,19 @@ div[data-ds-theme] .searchbox {
   .index-select {
     width: 250px;
   }
+}
+.dsb-suggestions {
+  width: 100%;
+  max-width: 140%;
+}
 
-  div[data-ds-theme] .meilisearch-autocomplete .docs-searchbar-suggestion {
-    width: 735px;
-  }
+div[data-ds-theme] .meilisearch-autocomplete .dsb-dropdown-menu {
+  max-width: 200%;
+  min-width: 100%;
+  width: 140%;
+}
+div[data-ds-theme] .meilisearch-autocomplete .docs-searchbar-suggestion {
+  width: 100%;
 }
 
 div[data-ds-theme] .searchbox input {