fix(ui): prevent label wrapping in passwords tool

2026-02-26 23:38:07 +00:00
parent 3b229b4719
commit 9ec71db87c
1 changed files with 4 additions and 2 deletions
--- a/src/components/tools/Passwords.vue
+++ b/src/components/tools/Passwords.vue
@@ -166,8 +166,8 @@ const generatePasswords = () => {
 }

 .checkbox-group {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+  display: flex;
+  flex-wrap: wrap;
  gap: 1rem;
 }

@@ -179,6 +179,8 @@ const generatePasswords = () => {
  user-select: none;
  color: var(--text-secondary);
  font-weight: 500;
+  white-space: nowrap;
+  flex: 1 0 auto;
 }

 .checkbox-label input {