From 239cc4ab84a9dbc7fa232ac73fad6eed79180e89 Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandrocelaya@gmail.com>
Date: Sun, 11 Jul 2021 22:25:36 +0200
Subject: [PATCH] Improved landing page design

---
 src/common/Home.tsx       | 11 ++++++-----
 test/common/Home.test.tsx |  2 +-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/common/Home.tsx b/src/common/Home.tsx
index 882aeb3a..60e5b36d 100644
--- a/src/common/Home.tsx
+++ b/src/common/Home.tsx
@@ -31,11 +31,12 @@ const Home = ({ servers }: HomeProps) => {
             <ServersListGroup embedded servers={serversList}>
               {!hasServers && (
                 <div className="p-4">
-                  <p>This application will help you to manage your Shlink servers.</p>
-                  <p>To start, please, <Link to="/server/create">add your first server</Link>.</p>
-                  <p className="m-0">
-                    You still don&lsquo;t have a Shlink server?
-                    Learn how to <ExternalLink href="https://shlink.io/documentation">get started</ExternalLink>.
+                  <p className="mb-4">This application will help you manage your Shlink servers.</p>
+                  <p className="text-center mb-0">
+                    <Link to="/server/create" className="btn btn-outline-primary btn-lg mr-2">Add a server</Link>
+                    <ExternalLink href="https://shlink.io/documentation" className="btn btn-outline-secondary btn-lg">
+                      Learn more
+                    </ExternalLink>
                   </p>
                 </div>
               )}
diff --git a/test/common/Home.test.tsx b/test/common/Home.test.tsx
index 22a88cda..5fffdf93 100644
--- a/test/common/Home.test.tsx
+++ b/test/common/Home.test.tsx
@@ -35,7 +35,7 @@ describe('<Home />', () => {
       },
       0,
     ],
-    [{}, 3 ],
+    [{}, 2 ],
   ])('shows link to create or set-up server only when no servers exist', (servers, expectedParagraphs) => {
     const wrapped = createComponent({ servers });
     const p = wrapped.find('p');