aligning buttons with title

Signed-off-by: R-Lawton <[email protected]>
Kuadrant · Oct 24, 2024 · 752200b · 752200b
1 parent 70e325d
commit 752200b
Showing 1 changed file with 26 additions and 25 deletions.
diff --git 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,19 +403,19 @@ 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>
             <FlexItem flex={{ default: 'flex_1' }}>
               <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>