From c80f8c64272ecc329e05d02f372e96bbaee9efa0 Mon Sep 17 00:00:00 2001
From: Jared Vititoe <jjvititoe1@gmail.com>
Date: Thu, 4 Jun 2026 12:48:19 -0400
Subject: [PATCH] =?UTF-8?q?fix:=20unverified=20device=20warning=20?=
 =?UTF-8?q?=E2=80=94=20rounded=20corners,=20left=20accent=20border?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replaced full-width sharp-cornered flat block with a compact rounded
notice: R300 border-radius, 3px amber left border accent, slight side
margins (S300) and bottom gap (S100) so it sits naturally above the
composer without looking jarring.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/features/room/RoomInput.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/app/features/room/RoomInput.tsx b/src/app/features/room/RoomInput.tsx
index 324fa1843..6c54104a1 100644
--- a/src/app/features/room/RoomInput.tsx
+++ b/src/app/features/room/RoomInput.tsx
@@ -854,16 +854,19 @@ export const RoomInput = forwardRef<HTMLDivElement, RoomInputProps>(
             alignItems="Center"
             gap="200"
             style={{
-              padding: `${config.space.S100} ${config.space.S300}`,
+              margin: `0 ${config.space.S300} ${config.space.S100}`,
+              padding: `${config.space.S100} ${config.space.S200}`,
+              borderRadius: config.radii.R300,
               background: color.Warning.Container,
+              borderLeft: `3px solid ${color.Warning.Main}`,
             }}
           >
             <Icon
               size="100"
               src={Icons.Shield}
-              style={{ color: color.Warning.OnContainer, flexShrink: 0 }}
+              style={{ color: color.Warning.OnContainer, opacity: 0.8, flexShrink: 0 }}
             />
-            <Text size="T200" style={{ color: color.Warning.OnContainer }}>
+            <Text size="T200" style={{ color: color.Warning.OnContainer, opacity: 0.9 }}>
               {roomUnverifiedDeviceCount}{' '}
               {roomUnverifiedDeviceCount === 1 ? 'unverified device' : 'unverified devices'} in this
               room