From 6be6811da8d95d6846fbd4108ce6dcb32c860ee4 Mon Sep 17 00:00:00 2001
From: Dominik Kus <dominik@kdtk.de>
Date: Sat, 2 Dec 2023 14:42:29 +0100
Subject: [PATCH] improve keybind generator design

---
 .../app/keybind-generator/keybind-generator.component.scss | 7 ++-----
 .../app/keybind-generator/keybind-generator.component.ts   | 2 +-
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/frontend/src/app/keybind-generator/keybind-generator.component.scss b/frontend/src/app/keybind-generator/keybind-generator.component.scss
index 187ee26..4238f38 100644
--- 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
index 81c871f..f30a54e 100644
--- 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 });
       },
     });
   }