From db87216eb97c25c38c5a4f41978680545ae405e7 Mon Sep 17 00:00:00 2001
From: Gary Yeung <5206130+garyeung@users.noreply.github.com>
Date: Wed, 17 Dec 2025 18:14:29 +0800
Subject: [PATCH] fix(client): align block labels on mobile view (#64492)

Co-authored-by: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
---
 .../Introduction/components/super-block-accordion.css  | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/client/src/templates/Introduction/components/super-block-accordion.css b/client/src/templates/Introduction/components/super-block-accordion.css
index 0e5b89f5c5f..685a0ad4c84 100644
--- a/client/src/templates/Introduction/components/super-block-accordion.css
+++ b/client/src/templates/Introduction/components/super-block-accordion.css
@@ -350,3 +350,13 @@ button .block-header-button-text {
     margin-top: -10px;
   }
 }
+
+@media screen and (max-width: 500px) {
+  .super-block-accordion .block-label {
+    margin-inline-start: auto;
+    margin-inline-end: 10px;
+  }
+  .super-block-accordion .block-header:has(.block-label-cert-project) {
+    padding-inline-end: 0;
+  }
+}