improve layout so it works with two line names

matomo-org · Sep 22, 2023 · 1e27c75 · 1e27c75
1 parent c520c3b
commit 1e27c75
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git 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,17 +312,18 @@ 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 {
                     height: 48px;
                     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
diff --git a/tests/UI/expected-screenshots/EmptySite_emptySiteDashboard.png b/tests/UI/expected-screenshots/EmptySite_emptySiteDashboard.png