From 6e1ad7fca587fb7704fd9c025184869b007889d1 Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Fri, 2 Jan 2026 15:06:15 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8(frontend)=20introduce=20an=20icon?=
 =?UTF-8?q?=20on=20the=20login=20prompt=20for=20visual=20distinction?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This will be useful when adding an alternative card to request the meeting
creator to start the recording.
---
 .../recording/components/LoginPrompt.tsx      | 19 +++++++++----------
 src/frontend/src/primitives/Text.tsx          |  5 +++++
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/frontend/src/features/recording/components/LoginPrompt.tsx b/src/frontend/src/features/recording/components/LoginPrompt.tsx
index 97732ba0..d73d8cf2 100644
--- a/src/frontend/src/features/recording/components/LoginPrompt.tsx
+++ b/src/frontend/src/features/recording/components/LoginPrompt.tsx
@@ -1,6 +1,7 @@
 import { H, Text } from '@/primitives'
 import { css } from '@/styled-system/css'
 import { LoginButton } from '@/components/LoginButton'
+import { HStack } from '@/styled-system/jsx'
 
 interface LoginPromptProps {
   heading: string
@@ -22,16 +23,14 @@ export const LoginPrompt = ({ heading, body }: LoginPromptProps) => {
         flexDirection: 'column',
       })}
     >
-      <H
-        lvl={3}
-        className={css({
-          display: 'flex',
-          alignItems: 'center',
-          marginBottom: '0.35rem',
-        })}
-      >
-        {heading}
-      </H>
+      <HStack justify="start" alignItems="center" marginBottom="0.5rem">
+        <span className="material-symbols" aria-hidden={true}>
+          login
+        </span>
+        <H lvl={3} margin={false} padding={false}>
+          {heading}
+        </H>
+      </HStack>
       <Text variant="smNote" wrap="pretty">
         {body}
       </Text>
diff --git a/src/frontend/src/primitives/Text.tsx b/src/frontend/src/primitives/Text.tsx
index a64e77e1..fea0f9d5 100644
--- a/src/frontend/src/primitives/Text.tsx
+++ b/src/frontend/src/primitives/Text.tsx
@@ -106,6 +106,11 @@ export const text = cva({
         marginBottom: 1,
       },
     },
+    padding: {
+      false: {
+        padding: '0!',
+      },
+    },
     fullWidth: {
       true: {
         width: '100%',