From 047d68d6e44aec1fc34e4aced92de1d4da193c8b Mon Sep 17 00:00:00 2001
From: Jan Fooken <jan.fooken@suse.com>
Date: Fri, 9 Aug 2024 10:48:24 +0200
Subject: [PATCH 1/2] WIP align boxes

---
 .../js/pages/HostRelevantPatches/HostRelevantPatchesPage.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/assets/js/pages/HostRelevantPatches/HostRelevantPatchesPage.jsx b/assets/js/pages/HostRelevantPatches/HostRelevantPatchesPage.jsx
index facb40424b..deb10e816b 100644
--- a/assets/js/pages/HostRelevantPatches/HostRelevantPatchesPage.jsx
+++ b/assets/js/pages/HostRelevantPatches/HostRelevantPatchesPage.jsx
@@ -76,7 +76,7 @@ function HostRelevantPatches({ hostName, onNavigate, patches }) {
             Relevant Patches: <span className="font-bold">{hostName}</span>
           </PageHeader>
         </div>
-        <div className="flex w-1/2 gap-2 justify-end">
+        <div className="flex w-1/2 gap-2 justify-end bg-red-500">
           <Select
             className=""
             onChange={setDisplayedAdvisories}
@@ -85,13 +85,14 @@ function HostRelevantPatches({ hostName, onNavigate, patches }) {
             value={displayedAdvisories}
           />
           <Input
-            className="flex"
+            className="flex h-min"
             onChange={(e) => setSearch(e.target.value)}
             placeholder="Search by Synopsis"
             prefix={<EOS_SEARCH size="l" />}
           />
           <a href={file} download={`${hostName}-patches.csv`}>
             <Button
+             className="h-min w-max"
               type="primary-white"
               disabled={displayedPatches?.length <= 0}
             >

From b7e0c48e9970ee5609d3e4730428af2333d60569 Mon Sep 17 00:00:00 2001
From: Alessio Biancalana <alessio.biancalana@suse.com>
Date: Fri, 9 Aug 2024 13:11:52 +0200
Subject: [PATCH 2/2] Complete CSS fixing

---
 .../pages/HostRelevantPatches/HostRelevantPatchesPage.jsx  | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/assets/js/pages/HostRelevantPatches/HostRelevantPatchesPage.jsx b/assets/js/pages/HostRelevantPatches/HostRelevantPatchesPage.jsx
index deb10e816b..43fb161f57 100644
--- a/assets/js/pages/HostRelevantPatches/HostRelevantPatchesPage.jsx
+++ b/assets/js/pages/HostRelevantPatches/HostRelevantPatchesPage.jsx
@@ -76,23 +76,22 @@ function HostRelevantPatches({ hostName, onNavigate, patches }) {
             Relevant Patches: <span className="font-bold">{hostName}</span>
           </PageHeader>
         </div>
-        <div className="flex w-1/2 gap-2 justify-end bg-red-500">
+        <div className="flex w-1/2 gap-2 justify-end">
           <Select
-            className=""
             onChange={setDisplayedAdvisories}
             options={advisoryTypes}
             optionsName="options"
             value={displayedAdvisories}
           />
           <Input
-            className="flex h-min"
+            className="w-1/4"
             onChange={(e) => setSearch(e.target.value)}
             placeholder="Search by Synopsis"
             prefix={<EOS_SEARCH size="l" />}
           />
           <a href={file} download={`${hostName}-patches.csv`}>
             <Button
-             className="h-min w-max"
+              className="w-max"
               type="primary-white"
               disabled={displayedPatches?.length <= 0}
             >