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>
(cherry picked from commit bfc6bafb9540733f47435c2ce6a335306f294ad5)

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 aa272ffae55a785245fbe594809e12ed782a4bb5..0a26cd105b8d3bb66c29557188b08957cfb89a79 100644 (file)
--- 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 {