From e858daae64c7fe733878aeab531547749fe795e4 Mon Sep 17 00:00:00 2001
From: Janis Hutz <development@janishutz.com>
Date: Sat, 23 Sep 2023 11:13:47 +0200
Subject: [PATCH] more mobile optimizations

---
 .../seatplanComponents/seats/rectangular.vue  |  1 -
 .../main/src/views/purchasing/OrderView.vue   | 35 ++++++++-----------
 2 files changed, 14 insertions(+), 22 deletions(-)

diff --git a/src/webapp/main/src/components/seatplan/userApp/seatplanComponents/seats/rectangular.vue b/src/webapp/main/src/components/seatplan/userApp/seatplanComponents/seats/rectangular.vue
index 3a78768..614c1e4 100644
--- a/src/webapp/main/src/components/seatplan/userApp/seatplanComponents/seats/rectangular.vue
+++ b/src/webapp/main/src/components/seatplan/userApp/seatplanComponents/seats/rectangular.vue
@@ -75,7 +75,6 @@ export default {
             // Size of seat at scale 1 is 32px
             // w & h are normalised
             let offsets = {};
-            console.log( this.data.seatInfo );
             if ( this.data.seatInfo ) {
                 for ( let element in this.data.seatInfo.data[ this.data.sector ] ) {
                     if ( element < this.data.seatNumbering ) {
diff --git a/src/webapp/main/src/views/purchasing/OrderView.vue b/src/webapp/main/src/views/purchasing/OrderView.vue
index 5219138..0a28a9e 100644
--- a/src/webapp/main/src/views/purchasing/OrderView.vue
+++ b/src/webapp/main/src/views/purchasing/OrderView.vue
@@ -11,22 +11,20 @@
     <div class="order">
         <h1>Order tickets</h1>
         <div class="order-app" v-if="Object.keys( orderedEvents ).length">
-            <ul>
-                <li v-for="event in orderedEvents">
-                    <router-link to="/tickets/details" class="ticket" @click="setActiveTicket( event.eventID );">
-                        <img :src="event.logo" alt="event logo" class="ticket-logo">
-                        <div class="ticket-name">
-                            <h3>{{ event.name }}</h3>
-                            <p>{{ event.description }}</p>
-                        </div>
-                        <div class="ticket-info">
-                            <p>Free seats: {{ event.free }} / {{ event.totalSeats }}</p>
-                            <p>{{ event.locationName }}, {{ event.dateString }}</p>
-                            <h4>Starting at {{ event.currency }} {{ event.startingPrice }}</h4>
-                        </div>
-                    </router-link>
-                </li>
-            </ul>
+            <div v-for="event in orderedEvents" style="width: 80%;">
+                <router-link to="/tickets/details" class="ticket" @click="setActiveTicket( event.eventID );">
+                    <img :src="event.logo" alt="event logo" class="ticket-logo">
+                    <div class="ticket-name">
+                        <h3>{{ event.name }}</h3>
+                        <p>{{ event.description }}</p>
+                    </div>
+                    <div class="ticket-info">
+                        <p>Free seats: {{ event.free }} / {{ event.totalSeats }}</p>
+                        <p>{{ event.locationName }}, {{ event.dateString }}</p>
+                        <h4>Starting at {{ event.currency }} {{ event.startingPrice }}</h4>
+                    </div>
+                </router-link>
+            </div>
         </div>
         <div class="order-app" v-else>
             No future events are available!
@@ -44,11 +42,6 @@
         flex-direction: column;
     }
 
-    ul {
-        list-style: none;
-        width: 80%;
-    }
-
     .ticket {
         display: flex;
         align-items: center;