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 1/3] 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">

From 27476d8b2388da21da3e3071203b2b61c90cb29d Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandro@alejandrocelaya.com>
Date: Sat, 8 Jan 2022 10:22:51 +0100
Subject: [PATCH 2/3] Added missing border in welcome screen title

---
 src/common/Home.scss | 5 +++++
 src/common/Home.tsx  | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/common/Home.scss b/src/common/Home.scss
index 91c7f381..3badce49 100644
--- a/src/common/Home.scss
+++ b/src/common/Home.scss
@@ -33,6 +33,11 @@
   }
 }
 
+.home__title-wrapper {
+  padding: 1.5rem !important;
+  border-bottom: 1px solid var(--border-color);
+}
+
 .home__title {
   text-align: center;
   font-size: 1.75rem;
diff --git a/src/common/Home.tsx b/src/common/Home.tsx
index 4b53b8b8..2ca4f42d 100644
--- a/src/common/Home.tsx
+++ b/src/common/Home.tsx
@@ -37,7 +37,7 @@ const Home = ({ servers, history }: HomeProps) => {
             </div>
           </div>
           <div className="col-md-7 home__servers-container">
-            <div className="p-4">
+            <div className="home__title-wrapper">
               <h1 className="home__title">Welcome!</h1>
             </div>
             <ServersListGroup embedded servers={serversList}>

From 112a8cdf2fcc2173e4ecb36b4aca04939d997dde Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandro@alejandrocelaya.com>
Date: Sat, 8 Jan 2022 10:24:07 +0100
Subject: [PATCH 3/3] Updated changelog

---
 CHANGELOG.md | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8684440f..389c946f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,23 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org).
 
+## [Unreleased]
+### Added
+* *Nothing*
+
+### Changed
+* *Nothing*
+
+### Deprecated
+* *Nothing*
+
+### Removed
+* *Nothing*
+
+### Fixed
+* [#555](https://github.com/shlinkio/shlink-web-client/issues/555) Fixed vertical alignment in welcome screen logo.
+
+
 ## [3.5.0] - 2022-01-01
 ### Added
 * [#407](https://github.com/shlinkio/shlink-web-client/pull/407) Improved how visits (short URLs, tags and orphan) are loaded, to avoid ending up in a page with "There are no visits matching current filter".