From: prik73 <prinovac@gmail.com>
Date: Fri, 16 May 2025 17:05:10 +0000 (+0530)
Subject: mgr/dashboard: fix misaligned text links on login page
X-Git-Url: http://git-server-git.apps.pok.os.sepia.ceph.com/?a=commitdiff_plain;h=refs%2Fpull%2F66035%2Fhead;p=ceph.git

mgr/dashboard: fix misaligned text links on login page

Fixes a UI regression introduced after the Carbon update where
the help-related links (Help, Security, Trademarks) on the login
page were misaligned. The links are now left-aligned under the
Ceph logo for visual consistency.

Fixes: https://tracker.ceph.com/issues/71313

Signed-off-by: prik73 <prinovac@gmail.com>

Signed-off-by: Afreen Misbah <afreen@ibm.com>
---

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/login-layout/login-layout.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/login-layout/login-layout.component.scss
index e0ac6a5a7e22..e1a0a8e62153 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/login-layout/login-layout.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/login-layout/login-layout.component.scss
@@ -32,7 +32,16 @@
 
   .list-inline {
     margin-bottom: 0;
-    margin-left: 17%;
+  }
+
+  .branding-info {
+    align-items: flex-start;
+    display: flex;
+    flex-direction: column;
+
+    img {
+      max-width: 100%;
+    }
   }
 
   a {