From 752200b163a96544ced87f8299886b3b3d7e89bd Mon Sep 17 00:00:00 2001
From: R-Lawton <rlawton@redhat.com>
Date: Thu, 24 Oct 2024 15:44:14 +0100
Subject: [PATCH] aligning buttons with title

Signed-off-by: R-Lawton <rlawton@redhat.com>
---
 src/components/KuadrantOverviewPage.tsx | 51 +++++++++++++------------
 1 file changed, 26 insertions(+), 25 deletions(-)

diff --git a/src/components/KuadrantOverviewPage.tsx b/src/components/KuadrantOverviewPage.tsx
index 7ca8b6f..82a8ccc 100644
--- a/src/components/KuadrantOverviewPage.tsx
+++ b/src/components/KuadrantOverviewPage.tsx
@@ -335,19 +335,6 @@ const KuadrantOverviewPage: React.FC = () => {
               <Card>
                 <CardTitle>
                   <Title headingLevel="h2">{t('Policies')}</Title>
-                </CardTitle>
-                <CardBody className="pf-u-p-10">
-                  <ResourceList
-                    resources={[
-                      resourceGVKMapping['AuthPolicy'],
-                      resourceGVKMapping['DNSPolicy'],
-                      resourceGVKMapping['RateLimitPolicy'],
-                      resourceGVKMapping['TLSPolicy'],
-                    ]}
-                    columns={columns}
-                    namespace="#ALL_NS#"
-                    paginationLimit={5}
-                  />
                   <Dropdown
                     isOpen={isCreateOpen}
                     onSelect={onMenuSelect}
@@ -379,6 +366,20 @@ const KuadrantOverviewPage: React.FC = () => {
                       </DropdownItem>
                     </DropdownList>
                   </Dropdown>
+                </CardTitle>
+                <CardBody className="pf-u-p-10">
+                  <ResourceList
+                    resources={[
+                      resourceGVKMapping['AuthPolicy'],
+                      resourceGVKMapping['DNSPolicy'],
+                      resourceGVKMapping['RateLimitPolicy'],
+                      resourceGVKMapping['TLSPolicy'],
+                    ]}
+                    columns={columns}
+                    namespace="#ALL_NS#"
+                    paginationLimit={5}
+                  />
+                  
                 </CardBody>
               </Card>
             </FlexItem>
@@ -388,6 +389,12 @@ const KuadrantOverviewPage: React.FC = () => {
               <Card>
                 <CardTitle>
                   <Title headingLevel="h2">{t('Gateways')}</Title>
+                  <Button
+                    onClick={() => handleCreateResource('Gateway')}
+                    className="kuadrant-overview-create-button pf-u-mt-md pf-u-mr-md"
+                  >
+                    {t(`Create Gateway`)}
+                  </Button>
                 </CardTitle>
                 <CardBody className="pf-u-p-10">
                   <ResourceList
@@ -396,12 +403,6 @@ const KuadrantOverviewPage: React.FC = () => {
                     namespace="#ALL_NS#"
                     emtpyResourceName="Gateways"
                   />
-                  <Button
-                    onClick={() => handleCreateResource('Gateway')}
-                    className="kuadrant-overview-create-button pf-u-mt-md pf-u-mr-md"
-                  >
-                    {t(`Create Gateway`)}
-                  </Button>
                 </CardBody>
               </Card>
             </FlexItem>
@@ -409,6 +410,12 @@ const KuadrantOverviewPage: React.FC = () => {
               <Card>
                 <CardTitle>
                   <Title headingLevel="h2">{t('APIs / HTTPRoutes')}</Title>
+                  <Button
+                    onClick={() => handleCreateResource('HTTPRoute')}
+                    className="kuadrant-overview-create-button pf-u-mt-md pf-u-mr-md"
+                  >
+                    {t(`Create HTTPRoute`)}
+                  </Button>
                 </CardTitle>
                 <CardBody className="pf-u-p-10">
                   <ResourceList
@@ -417,12 +424,6 @@ const KuadrantOverviewPage: React.FC = () => {
                     namespace="#ALL_NS#"
                     emtpyResourceName="HTTPRoutes"
                   />
-                  <Button
-                    onClick={() => handleCreateResource('HTTPRoute')}
-                    className="kuadrant-overview-create-button pf-u-mt-md pf-u-mr-md"
-                  >
-                    {t(`Create HTTPRoute`)}
-                  </Button>
                 </CardBody>
               </Card>
             </FlexItem>