improve keybind generator design

dominikks · Dec 2, 2023 · 6be6811 · 6be6811
1 parent 5100e3c
commit 6be6811
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/frontend/src/app/keybind-generator/keybind-generator.component.scss b/frontend/src/app/keybind-generator/keybind-generator.component.scss
@@ -3,6 +3,7 @@
 .max-width {
   max-width: 1200px;
   margin: 0 auto;
+  padding: 0 16px;
   width: 100%;
 }
 
@@ -28,11 +29,7 @@ mat-toolbar {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
-  margin: 0 16px;
-
-  button {
-    margin-bottom: 8px;
-  }
+  gap: 8px;
 }
 
 .auth-token-row {

diff --git a/frontend/src/app/keybind-generator/keybind-generator.component.ts b/frontend/src/app/keybind-generator/keybind-generator.component.ts
@@ -105,7 +105,7 @@ export class KeybindGeneratorComponent {
       next: newToken => this.authToken.set(newToken),
       error: error => {
         console.error(error);
-        this.snackBar.open('Failed to generate new auth token.', 'Damn');
+        this.snackBar.open('Failed to generate new auth token.', 'Damn', { duration: undefined });
       },
     });
   }