From 1f0be37070a00b6824df085346425154fe7c3ad4 Mon Sep 17 00:00:00 2001
From: mariaaga <mariaaga@redhat.com>
Date: Tue, 5 Dec 2023 11:05:47 +0000
Subject: [PATCH] Fixes #36963 - Table index new button far in large screens

---
 .../components/PF4/TableIndexPage/TableIndexPage.js          | 5 ++++-
 .../components/PF4/TableIndexPage/TableIndexPage.scss        | 4 ++--
 .../react_app/components/SearchBar/SearchBar.scss            | 3 +++
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/webpack/assets/javascripts/react_app/components/PF4/TableIndexPage/TableIndexPage.js b/webpack/assets/javascripts/react_app/components/PF4/TableIndexPage/TableIndexPage.js
index a154b50e61b..a8b6e02a8b9 100644
--- a/webpack/assets/javascripts/react_app/components/PF4/TableIndexPage/TableIndexPage.js
+++ b/webpack/assets/javascripts/react_app/components/PF4/TableIndexPage/TableIndexPage.js
@@ -231,7 +231,10 @@ const TableIndexPage = ({
               </ToolbarGroup>
             )}
             {actionButtons.length > 0 && (
-              <ToolbarGroup alignment={{ default: 'alignLeft' }}>
+              <ToolbarGroup
+                alignment={{ default: 'alignLeft' }}
+                className="table-toolbar-actions"
+              >
                 <ToolbarItem>
                   <ActionButtons buttons={actionButtons} />
                 </ToolbarItem>
diff --git a/webpack/assets/javascripts/react_app/components/PF4/TableIndexPage/TableIndexPage.scss b/webpack/assets/javascripts/react_app/components/PF4/TableIndexPage/TableIndexPage.scss
index 0a7d2420371..5783290c60c 100644
--- a/webpack/assets/javascripts/react_app/components/PF4/TableIndexPage/TableIndexPage.scss
+++ b/webpack/assets/javascripts/react_app/components/PF4/TableIndexPage/TableIndexPage.scss
@@ -13,8 +13,8 @@
       .toolbar-search {
         flex-grow: 1;
       }
-      .autocomplete-search {
-        max-width: 600px;
+      .table-toolbar-actions {
+        padding-left: 16px;
       }
     }
     .pf-c-toolbar__group {
diff --git a/webpack/assets/javascripts/react_app/components/SearchBar/SearchBar.scss b/webpack/assets/javascripts/react_app/components/SearchBar/SearchBar.scss
index 5754da7f48a..1d3c880ace0 100644
--- a/webpack/assets/javascripts/react_app/components/SearchBar/SearchBar.scss
+++ b/webpack/assets/javascripts/react_app/components/SearchBar/SearchBar.scss
@@ -15,4 +15,7 @@
   .pf-c-dropdown.pf-m-align-right {
     width: unset;
   }
+  .pf-c-dropdown { 
+    width: unset; // just in case Katello overrides it
+  }
 }