From 062c966e1454e71b3116e88c31ec45525e34144b Mon Sep 17 00:00:00 2001
From: shuaiplus <2327005759@qq.com>
Date: Sun, 5 Jul 2026 15:16:56 +0800
Subject: [PATCH] feat: update styles for two-step providers and responsive
 layout adjustments

---
 webapp/src/styles/management.css | 6 ++++++
 webapp/src/styles/responsive.css | 6 ++++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/webapp/src/styles/management.css b/webapp/src/styles/management.css
index b7595cd..0c68750 100644
--- a/webapp/src/styles/management.css
+++ b/webapp/src/styles/management.css
@@ -650,6 +650,12 @@
   border-top: 0;
 }
 
+.two-step-providers-module .settings-module-head {
+  margin-bottom: 12px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid var(--line);
+}
+
 .two-step-warning-head {
   @apply mb-2 flex items-center gap-2 text-sm font-extrabold;
   color: #c2410c;
diff --git a/webapp/src/styles/responsive.css b/webapp/src/styles/responsive.css
index dd69b73..de4305d 100644
--- a/webapp/src/styles/responsive.css
+++ b/webapp/src/styles/responsive.css
@@ -1144,12 +1144,14 @@
   }
 
   .two-factor-passkey-row {
-    grid-template-columns: 2rem minmax(0, 1fr);
+    grid-template-columns: 2rem minmax(0, 1fr) auto;
+    gap: 8px;
   }
 
   .two-factor-passkey-row .btn {
-    grid-column: 2;
+    grid-column: 3;
     justify-self: end;
+    white-space: nowrap;
   }
 
   .account-passkey-status {