From bbd77a788cbaf4ea182c590482307a87963e19e3 Mon Sep 17 00:00:00 2001
From: Cameron Redmore <cameron@redmore.me>
Date: Thu, 24 Apr 2025 11:36:05 +0100
Subject: [PATCH] Updates branding to StylePoint

---
 .vscode/extensions.json           |  4 +--
 README.md                         |  4 +--
 package.json                      |  6 ++--
 quasar.config.js                  |  2 +-
 src/css/app.scss                  |  6 ++++
 src/layouts/MainLayout.vue        | 60 +++++++++++++------------------
 src/pages/FormCreatePage.vue      |  8 ++---
 src/pages/MantisSummariesPage.vue |  1 +
 8 files changed, 43 insertions(+), 48 deletions(-)

diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index f7f50b4..9b3c8c8 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,8 +1,6 @@
 {
   "recommendations": [
-    "editorconfig.editorconfig",
-    "vue.volar",
-    "wayou.vscode-todo-highlight"
+    "prisma.prisma"
   ],
   "unwantedRecommendations": [
     "octref.vetur",
diff --git a/README.md b/README.md
index 78f6404..4adfc1f 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
-# STS Forms (forms-app)
+# StylePoint
 
-Custom forms application for StyleTech
+Multi-functional internal tool for StyleTech
 
 ## Install the dependencies
 ```bash
diff --git a/package.json b/package.json
index 45c41f1..1208090 100644
--- a/package.json
+++ b/package.json
@@ -1,8 +1,8 @@
 {
-  "name": "forms-app",
+  "name": "stylepoint",
   "version": "0.0.1",
-  "description": "Custom forms application for StyleTech",
-  "productName": "STS Forms",
+  "description": "Multi-functional internal tool for StyleTech",
+  "productName": "StylePoint",
   "author": "Cameron Redmore <cameron@redmore.me>",
   "type": "module",
   "private": true,
diff --git a/quasar.config.js b/quasar.config.js
index 69684c3..93e4f61 100644
--- a/quasar.config.js
+++ b/quasar.config.js
@@ -189,7 +189,7 @@ export default defineConfig((/* ctx */) => {
       builder: {
         // https://www.electron.build/configuration/configuration
 
-        appId: 'forms-app'
+        appId: 'stylepoint'
       }
     },
 
diff --git a/src/css/app.scss b/src/css/app.scss
index ecac98f..824d96e 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -1 +1,7 @@
 // app global css in SCSS form
+
+@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');
+
+html, body {
+    font-family: 'Exo 2', sans-serif;
+}
\ No newline at end of file
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 470a235..8335d6a 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -1,35 +1,26 @@
 <template>
-  <q-layout view="lHh Lpr lFf">
-    <q-header elevated>
-      <q-toolbar>
-        <q-btn
-          flat
-          dense
-          round
-          icon="menu"
-          aria-label="Menu"
-          @click="toggleLeftDrawer"
-        />
-
-        <q-toolbar-title>
-          Form Builder App
-        </q-toolbar-title>
-      </q-toolbar>
-    </q-header>
-
+  <q-layout view="hHh Lpr lFf">
     <q-drawer
-      v-model="leftDrawerOpen"
-      show-if-above
+      :mini="!leftDrawerOpen"
+      mini-to-overlay
       bordered
+      persistent
+      :model-value="true"
     >
       <q-list>
-        <q-item-label
-          header
-        >
-          Navigation
-        </q-item-label>
+        <q-item clickable v-ripple @click="toggleLeftDrawer">
+          <q-item-section avatar>
+            <q-icon name="menu"/>
+          </q-item-section>
+          <q-item-section>
+            <q-item-label class="text-h6">StylePoint</q-item-label>
+          </q-item-section>
+        </q-item>
 
         <q-item clickable v-ripple :to="{ name: 'formList' }" exact>
+          <q-tooltip anchor="center right" self="center left" >
+            <span>Forms</span>
+          </q-tooltip>
           <q-item-section avatar>
             <q-icon name="list_alt" />
           </q-item-section>
@@ -39,22 +30,15 @@
           </q-item-section>
         </q-item>
 
-        <q-item clickable v-ripple :to="{ name: 'formCreate' }" exact>
-          <q-item-section avatar>
-            <q-icon name="add_circle_outline" />
-          </q-item-section>
-          <q-item-section>
-            <q-item-label>Create Form</q-item-label>
-            <q-item-label caption>Create a new form</q-item-label>
-          </q-item-section>
-        </q-item>
-
         <q-item
           clickable
           v-ripple
           :to="{ name: 'mantisSummaries' }"
           exact
         >
+          <q-tooltip anchor="center right" self="center left" >
+            <span>Mantis Summaries</span>
+          </q-tooltip>
           <q-item-section avatar>
             <q-icon name="summarize" />
           </q-item-section>
@@ -70,6 +54,9 @@
           :to="{ name: 'emailSummaries' }"
           exact
         >
+          <q-tooltip anchor="center right" self="center left" >
+            <span>Email Summaries</span>
+          </q-tooltip>
           <q-item-section avatar>
             <q-icon name="email" />
           </q-item-section>
@@ -83,6 +70,9 @@
           clickable
           to="/settings" exact
         >
+          <q-tooltip anchor="center right" self="center left" >
+            <span>Settings</span>
+          </q-tooltip>
           <q-item-section
             avatar
           >
diff --git a/src/pages/FormCreatePage.vue b/src/pages/FormCreatePage.vue
index 87272d4..6054c9f 100644
--- a/src/pages/FormCreatePage.vue
+++ b/src/pages/FormCreatePage.vue
@@ -36,16 +36,16 @@
                     <q-input v-model="field.description" outlined dense label="Field Description (Optional)" autogrow
                         class="q-mt-xs q-mb-xl" hint="This description will appear below the field label on the form." />
                 </div>
-                <q-btn outline color="primary" label="Add Field" @click="addField(catIndex)" class="q-ml-md q-mt-sm" />
+                <q-btn color="primary" label="Add Field" @click="addField(catIndex)" class="q-ml-md q-mt-sm" />
             </div>
 
-            <q-btn outline color="secondary" label="Add Category" @click="addCategory" />
+            <q-btn color="secondary" label="Add Category" @click="addCategory" />
 
             <q-separator class="q-my-lg" />
 
             <div>
-                <q-btn outline label="Create Form" type="submit" color="primary" :loading="submitting" />
-                <q-btn outline label="Cancel" type="reset" color="warning" class="q-ml-sm" :to="{ name: 'formList' }" />
+                <q-btn label="Create Form" type="submit" color="primary" :loading="submitting" />
+                <q-btn label="Cancel" type="reset" color="warning" class="q-ml-sm" :to="{ name: 'formList' }" />
             </div>
         </q-form>
     </q-page>
diff --git a/src/pages/MantisSummariesPage.vue b/src/pages/MantisSummariesPage.vue
index f237421..b8bfe89 100644
--- a/src/pages/MantisSummariesPage.vue
+++ b/src/pages/MantisSummariesPage.vue
@@ -187,6 +187,7 @@ onMounted(() => {
 .markdown-content :deep(a) {
   color: var(--q-primary);
   text-decoration: none;
+  font-weight: 600;
 }
 
 .markdown-content :deep(a:hover) {