From f0f2f7937775868319d590309a867743e632999b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jonas=20Fl=C3=BCckiger?=
 <91982622+JoFlucki@users.noreply.github.com>
Date: Fri, 22 Mar 2024 09:21:08 +0100
Subject: [PATCH] HOTFIX mobile layout add tournament

---
 frontend/src/views/AddTournamentView.vue | 44 ++++++++++++++++++++++++
 1 file changed, 44 insertions(+)

diff --git a/frontend/src/views/AddTournamentView.vue b/frontend/src/views/AddTournamentView.vue
index 361d75d..c9e4a19 100644
--- a/frontend/src/views/AddTournamentView.vue
+++ b/frontend/src/views/AddTournamentView.vue
@@ -52,6 +52,8 @@ const addTournament = () => {
 </template>
 
 <style lang="scss" scoped>
+@import "@/assets/styles/breakpoints";
+
 h1,
 form {
     grid-column: 1 / span 12;
@@ -82,4 +84,46 @@ button {
     grid-column: 3 / span 4;
     height: 32px;
 }
+
+@media(max-width: $medium-breakpoint) {
+
+    form {
+        label {
+            grid-column: 1 / span 4;
+        }
+
+        input,
+        textarea,
+        select {
+            grid-column: 5 / span 8;
+            height: 32px;
+        }
+    }
+
+    button {
+        grid-column: 5 / span 8;
+        height: 32px;
+    }
+}
+
+@media(max-width: $small-breakpoint) {
+
+    form {
+        label {
+            grid-column: 1 / span 12;
+        }
+
+        input,
+        textarea,
+        select {
+            grid-column: 1 / span 12;
+            height: 32px;
+        }
+    }
+
+    button {
+        grid-column: 1 / span 12;
+        height: 32px;
+    }
+}
 </style>
\ No newline at end of file