From 1e27c750fa7300734edda7f36dce106f093c96ba Mon Sep 17 00:00:00 2001
From: sgiehl <stefan@matomo.org>
Date: Fri, 22 Sep 2023 10:39:26 +0200
Subject: [PATCH] improve layout so it works with two line names

---
 plugins/SitesManager/stylesheets/SitesManager.less        | 8 +++++---
 .../EmptySite_detected_cloudflare.png                     | 4 ++--
 .../expected-screenshots/EmptySite_emptySiteDashboard.png | 4 ++--
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/plugins/SitesManager/stylesheets/SitesManager.less b/plugins/SitesManager/stylesheets/SitesManager.less
index 7e457d56047..dbfad52a439 100644
--- a/plugins/SitesManager/stylesheets/SitesManager.less
+++ b/plugins/SitesManager/stylesheets/SitesManager.less
@@ -302,6 +302,7 @@ td.editable-site-field:hover {
                 border: 1px solid @theme-color-background-lowContrast;
                 margin: 16px 20px;
                 position: relative;
+                display: table;
 
                 @media only screen and (max-width: 992px) {
                     width: 264px;
@@ -311,9 +312,10 @@ td.editable-site-field:hover {
                 a {
                     text-decoration: none;
                     color: @theme-color-text;
-                    display: block;
+                    display: table-cell;
                     height: 100%;
                     width: 100%;
+                    vertical-align: middle;
                 }
 
                 img {
@@ -321,7 +323,7 @@ td.editable-site-field:hover {
                     width: 48px;
                     position: absolute;
                     left: 24px;
-                    top: 8px;
+                    top: 7px;
 
                     @media only screen and (max-width: 992px) {
                         left: 16px;
@@ -332,7 +334,7 @@ td.editable-site-field:hover {
                     font-size: 16px;
                     font-weight: bold;
                     line-height: 24px;
-                    margin: 20px 0 0 88px;
+                    margin: 0 0 0 88px;
                     display: inline-block;
 
                     @media only screen and (max-width: 992px) {
diff --git a/tests/UI/expected-screenshots/EmptySite_detected_cloudflare.png b/tests/UI/expected-screenshots/EmptySite_detected_cloudflare.png
index d47ffc9fb80..cd9e1bb1efc 100644
--- a/tests/UI/expected-screenshots/EmptySite_detected_cloudflare.png
+++ b/tests/UI/expected-screenshots/EmptySite_detected_cloudflare.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e9800173a1651310f8850f6dbcb955cf0ab87bebb397c5d9cb8588940a5cb519
-size 104649
+oid sha256:36fac73eaec752455c02e24cdfc2a2629cc53892d679bbb326f1633a7d24cb97
+size 104641
diff --git a/tests/UI/expected-screenshots/EmptySite_emptySiteDashboard.png b/tests/UI/expected-screenshots/EmptySite_emptySiteDashboard.png
index 74a4cc60dad..6f9e3bbb96d 100644
--- a/tests/UI/expected-screenshots/EmptySite_emptySiteDashboard.png
+++ b/tests/UI/expected-screenshots/EmptySite_emptySiteDashboard.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:7f7016aa6970449e13d63570ff53f498e5c5d7c01d9bedfeb5657ec3aa55dcb0
-size 102108
+oid sha256:b76f77e67d4d7e675eac37d16d88b30a10b0344bf0fc889199cec11eb2ed40a4
+size 102046