From 8fcd65c153495a2536d8ceec2ccf33f9cb6d8a0a Mon Sep 17 00:00:00 2001
From: Janis Hutz <development@janishutz.com>
Date: Tue, 30 May 2023 20:54:26 +0200
Subject: [PATCH] small bugfixes

---
 src/webapp/src/router/mainRoutes.js         |  6 +++++-
 src/webapp/src/views/404.vue                |  2 +-
 src/webapp/src/views/OrderView.vue          |  4 ++--
 src/webapp/src/views/admin/SettingsView.vue | 16 +++++++++++-----
 4 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/webapp/src/router/mainRoutes.js b/src/webapp/src/router/mainRoutes.js
index 73cf80d..166ac7e 100644
--- a/src/webapp/src/router/mainRoutes.js
+++ b/src/webapp/src/router/mainRoutes.js
@@ -104,7 +104,11 @@ export default [
     { 
         path: '/:pathMatch(.*)*', 
         name: 'NotFound', 
-        component: () => import( '@/views/404.vue')
+        component: () => import( '@/views/404.vue' ),
+        meta: {
+            title: '404 - Page not found :: libreevent',
+            transition: 'scale',
+        }
     },
     {
         path: '/admin/seatplan',
diff --git a/src/webapp/src/views/404.vue b/src/webapp/src/views/404.vue
index 279acf8..a58c6dc 100644
--- a/src/webapp/src/views/404.vue
+++ b/src/webapp/src/views/404.vue
@@ -12,7 +12,7 @@
         <h1 class="code">404</h1>
         <h2 class="message">The page you are looking for was not found on the server!</h2>
         <router-link to="/">Return to home page</router-link>
-        <a href="https://libreevent.janishutz.com/docs/errors#404">More information on this error</a>
+        <a href="https://libreevent.janishutz.com/docs/errors#404" target="_blank">More information on this error</a>
     </div>
 </template>
 
diff --git a/src/webapp/src/views/OrderView.vue b/src/webapp/src/views/OrderView.vue
index ab84f13..e25be19 100644
--- a/src/webapp/src/views/OrderView.vue
+++ b/src/webapp/src/views/OrderView.vue
@@ -11,8 +11,8 @@
     <div class="order">
         <h1>Order tickets</h1>
         <div class="order-app" v-if="events">
-            <ul v-for="event in events">
-                <li>
+            <ul>
+                <li v-for="event in events">
                     <router-link to="/tickets/details" class="ticket" @click="setActiveTicket( event.eventID );">
                         <div class="ticket-name">
                             <h3>{{ event.name }}</h3>
diff --git a/src/webapp/src/views/admin/SettingsView.vue b/src/webapp/src/views/admin/SettingsView.vue
index ccd355d..86b5c5a 100644
--- a/src/webapp/src/views/admin/SettingsView.vue
+++ b/src/webapp/src/views/admin/SettingsView.vue
@@ -13,12 +13,14 @@
         <!-- TODO: Move to per event settings -->
         <table class="settings-toggles">
             <tr class="settings-option" v-for="setting in settings">
-                <td class="info-wrapper" @mouseenter="showInfo( setting.id )" @mouseleave="hideInfo( setting.id )">
+                <td class="info-wrapper">
                     {{ setting.display }}
-                    <span class="material-symbols-outlined info-icon">info</span>
-                    <div class="info-box" :id="setting.id">
-                        <div class="info-box-container">
-                            {{ setting.tooltip }}
+                    <div class="info-container" @mouseenter="showInfo( setting.id )" @mouseleave="hideInfo( setting.id )">
+                        <span class="material-symbols-outlined info-icon">info</span>
+                        <div class="info-box" :id="setting.id">
+                            <div class="info-box-container">
+                                {{ setting.tooltip }}
+                            </div>
                         </div>
                     </div>
                 </td> 
@@ -78,6 +80,10 @@
     position: relative;
 }
 
+.info-container {
+    display: inline;
+}
+
 .info-icon {
     font-size: 100%;
     cursor: default;