From 5a3323a0eab0d7c351b7f40d84e15d8b48f5c7aa Mon Sep 17 00:00:00 2001
From: Janis Hutz <development@janishutz.com>
Date: Sat, 30 Sep 2023 14:36:15 +0200
Subject: [PATCH] mobile optimisation of seat plan optimized

---
 .../src/components/seatplan/userApp/userWindow.vue     |  2 +-
 .../main/src/views/purchasing/TicketsDetailsView.vue   |  2 +-
 .../main/src/views/purchasing/TicketsOrderingView.vue  | 10 +++++++++-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/webapp/main/src/components/seatplan/userApp/userWindow.vue b/src/webapp/main/src/components/seatplan/userApp/userWindow.vue
index 921f312..67e4343 100644
--- a/src/webapp/main/src/components/seatplan/userApp/userWindow.vue
+++ b/src/webapp/main/src/components/seatplan/userApp/userWindow.vue
@@ -530,7 +530,7 @@
 
     .toolbar {
         display: flex;
-        position: fixed;
+        position: absolute;
         top: 90px;
         left: 5.5vw;
     }
diff --git a/src/webapp/main/src/views/purchasing/TicketsDetailsView.vue b/src/webapp/main/src/views/purchasing/TicketsDetailsView.vue
index e8c740b..4a12518 100644
--- a/src/webapp/main/src/views/purchasing/TicketsDetailsView.vue
+++ b/src/webapp/main/src/views/purchasing/TicketsDetailsView.vue
@@ -67,7 +67,7 @@
         width: fit-content;
         height: fit-content;
         text-decoration: none;
-        position: fixed;
+        position: absolute;
         left: 2vh;
         top: calc( 87px + 1vh );
     }
diff --git a/src/webapp/main/src/views/purchasing/TicketsOrderingView.vue b/src/webapp/main/src/views/purchasing/TicketsOrderingView.vue
index 1252ce3..d9f8ea5 100644
--- a/src/webapp/main/src/views/purchasing/TicketsOrderingView.vue
+++ b/src/webapp/main/src/views/purchasing/TicketsOrderingView.vue
@@ -34,7 +34,15 @@
         text-decoration: none;
         position: fixed;
         left: 2vh;
-        top: 2vh;
+        bottom: 2vh;
+    }
+
+    @media only screen and (min-width: 999px) {
+        .back-button {
+            position: fixed;
+            left: 2vh;
+            top: 2vh;
+        }   
     }
 </style>