From b59341c608ac59b0820b60b1d58d0bc2a04e5f2b Mon Sep 17 00:00:00 2001
From: Thomas Ghysels <info@thomasg.be>
Date: Sat, 1 Jul 2023 18:13:49 +0200
Subject: [PATCH] Reduce vertical screen estate of "Create New App" on larger
 screens

---
 src/containers/apps/CreateNewApp.tsx | 34 ++++++++++++----------------
 1 file changed, 15 insertions(+), 19 deletions(-)

diff --git a/src/containers/apps/CreateNewApp.tsx b/src/containers/apps/CreateNewApp.tsx
index cbd6c708..4a540b97 100644
--- a/src/containers/apps/CreateNewApp.tsx
+++ b/src/containers/apps/CreateNewApp.tsx
@@ -33,16 +33,16 @@ class CreateNewApp extends Component<
         const self = this
 
         return (
-            <Row justify="center">
-                <Col xs={{ span: 23 }} lg={{ span: 10 }}>
-                    <Card
-                        title={
-                            <span>
-                                <PlusCircleOutlined />
-                                &nbsp;&nbsp;&nbsp;Create A New App
-                            </span>
-                        }
-                    >
+            <Card
+                title={
+                    <span>
+                        <PlusCircleOutlined />
+                        &nbsp;&nbsp;&nbsp;Create A New App
+                    </span>
+                }
+            >
+                <Row justify="center">
+                    <Col lg={{ span: 12 }}>
                         <Row>
                             {self.props.isMobile ? (
                                 <Fragment>
@@ -100,21 +100,17 @@ class CreateNewApp extends Component<
                                 </NewTabLink>
                             </Tooltip>
                         </Row>
-
-                        <br />
-
-                        <hr />
-
-                        <br />
+                    </Col>
+                    <Col lg={{ span: 12 }}>
                         <div style={{ textAlign: 'center' }}>
                             <p>Or Select From</p>
                             <Link to="/apps/oneclick/" className="ant-btn">
                                 One-Click Apps/Databases
                             </Link>
                         </div>
-                    </Card>
-                </Col>
-            </Row>
+                    </Col>
+                </Row>
+            </Card>
         )
     }
 }