From 2ad2d69b2b1415b258f7e11d40ab6d11d4f924da Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandro@alejandrocelaya.com>
Date: Sat, 8 Jan 2022 10:19:20 +0100
Subject: [PATCH] Fixed Shlink logo not being vertically aligned in welcome
 screen

---
 src/common/Home.scss | 8 ++++++++
 src/common/Home.tsx  | 6 ++++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/common/Home.scss b/src/common/Home.scss
index e3bf4a88..91c7f381 100644
--- a/src/common/Home.scss
+++ b/src/common/Home.scss
@@ -12,8 +12,16 @@
   }
 }
 
+.home__logo-wrapper {
+  padding: 1.5rem !important;
+  height: 100% !important;
+  min-height: 300px;
+}
+
 .home__logo {
   @include vertical-align();
+
+  width: calc(100% - 3rem);
 }
 
 .home__main-card {
diff --git a/src/common/Home.tsx b/src/common/Home.tsx
index 873de19e..4b53b8b8 100644
--- a/src/common/Home.tsx
+++ b/src/common/Home.tsx
@@ -30,8 +30,10 @@ const Home = ({ servers, history }: HomeProps) => {
       <Card className="home__main-card">
         <Row noGutters>
           <div className="col-md-5 d-none d-md-block">
-            <div className="p-4">
-              <ShlinkLogo />
+            <div className="home__logo-wrapper">
+              <div className="home__logo">
+                <ShlinkLogo />
+              </div>
             </div>
           </div>
           <div className="col-md-7 home__servers-container">