Minor styling improvements, and fix for new project setup.

.vscode/extensions.json

@@ -1,7 +1,8 @@
 {
   "recommendations": [
     "prisma.prisma",
-    "dbaeumer.vscode-eslint"
+    "dbaeumer.vscode-eslint",
+    "vue.volar"
   ],
   "unwantedRecommendations": [
     "octref.vetur",

src-server/routes/auth.js

@@ -58,7 +58,7 @@ router.post('/generate-registration-options', async(req, res) =>
   }
 
   //Check if the registrationToken matches the setting
-  const registrationTokenSetting = await getSetting('REGISTRATION_TOKEN');
+  const registrationTokenSetting = await getSetting('REGISTRATION_TOKEN') || 'INITIAL_REGISTRATION_TOKEN_PLEASE_CHANGE_ME';
 
   if (registrationTokenSetting !== registrationToken && !req.session.loggedInUserId)
   {

src/css/app.scss

@@ -39,3 +39,15 @@ a:not(.q-link):not(.q-btn) {
         color: $blue-5;
     }
 }
+
+.body--light {
+    background: #efefef;
+}
+
+.text-outline {
+    -webkit-text-stroke: 1px black;
+}
+
+.text-shadow {
+    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
+}

src/layouts/MainLayout.vue

@@ -196,7 +196,7 @@
       <q-fab
         v-model="isChatVisible"
         icon="chat"
-        class="bg-theme"
+        class="bg-theme text-white"
         direction="up"
         @click="toggleChat"
       />

src/pages/MantisPage.vue

@@ -95,6 +95,7 @@
             <q-badge
               :color="getStatusColor(statusProps.row.status)"
               :label="statusProps.row.status"
+              class="text-bold text-shadow text-subtitle2 text-uppercase"
             />
           </q-td>
         </template>
@@ -103,6 +104,7 @@
             <q-badge
               :color="getPriorityColor(priorityProps.row.priority)"
               :label="priorityProps.row.priority"
+              class="text-bold text-shadow text-subtitle2 text-uppercase"
             />
           </q-td>
         </template>
@@ -111,6 +113,7 @@
             <q-badge
               :color="getSeverityColor(severityProps.row.severity)"
               :label="severityProps.row.severity"
+              class="text-bold text-shadow text-subtitle2 text-uppercase"
             />
           </q-td>
         </template>
@@ -120,12 +123,11 @@
             class="text-center"
           >
             <q-btn
-              size="sm"
+              size="md"
               color="info"
               icon="summarize"
               round
               flat
-              dense
               @click.stop="showTicketSummary(actionsProps.row.id)"
               :title="'Show summary for ticket ' + actionsProps.row.id"
             />
@@ -394,7 +396,7 @@ const getSeverityColor = (severity) =>
   if (lowerSeverity === 'trivial') return 'grey';
   if (lowerSeverity === 'text') return 'blue-grey';
   if (lowerSeverity === 'tweak') return 'light-blue';
-  if (lowerSeverity === 'minor') return 'lime';
+  if (lowerSeverity === 'minor') return 'lime-9';
   if (lowerSeverity === 'major') return 'amber';
   if (lowerSeverity === 'crash') return 'deep-orange';
   if (lowerSeverity === 'block') return 'red';