From a07c0e7fc13b98447e2bf880aabe942abe4f0d31 Mon Sep 17 00:00:00 2001
From: Akiff Manji <akiff.manji@gmail.com>
Date: Fri, 24 Dec 2021 19:00:48 -0800
Subject: [PATCH] Fixes showcase tile word wrapping. Other style fixes.

Signed-off-by: Akiff Manji <akiff.manji@gmail.com>
---
 package.json                                              | 2 +-
 src/components/about/ShowcaseLinks.vue                    | 5 ++++-
 .../entity/credentialDetail/CredentialDetail.vue          | 2 +-
 src/components/search/SearchBar.vue                       | 2 +-
 src/views/Search.vue                                      | 8 ++++----
 vue.config.js                                             | 8 ++++++++
 6 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index d25fd70..2f00488 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "orgbook-bc-client-vue",
+  "name": "orgbook-bc-client",
   "version": "0.1.0",
   "private": true,
   "scripts": {
diff --git a/src/components/about/ShowcaseLinks.vue b/src/components/about/ShowcaseLinks.vue
index 03c1301..1cfe77f 100644
--- a/src/components/about/ShowcaseLinks.vue
+++ b/src/components/about/ShowcaseLinks.vue
@@ -8,7 +8,7 @@
     >
       <v-card elevation="0" rounded="sm" class="card">
         <v-card-title class="font-weight-bold">
-          <router-link :to="showcaseLink.path">
+          <router-link class="showcase-link" :to="showcaseLink.path">
             {{
               (showcaseLink.data && showcaseLink.data.showcaseTitle) ||
               showcaseLink.name
@@ -42,4 +42,7 @@ export default class ShowcaseLinks extends Vue {}
   @include card;
   height: 100%;
 }
+.showcase-link {
+  word-break: break-word;
+}
 </style>
diff --git a/src/components/entity/credentialDetail/CredentialDetail.vue b/src/components/entity/credentialDetail/CredentialDetail.vue
index 4d2a798..8556cdd 100644
--- a/src/components/entity/credentialDetail/CredentialDetail.vue
+++ b/src/components/entity/credentialDetail/CredentialDetail.vue
@@ -14,7 +14,7 @@
       <v-card rounded="sm" class="mb-5 card">
         <v-card-title class="pa-5 pb-0">
           <p class="text-h6 font-weight-bold">
-            <v-icon class="validated" v-if="!credRevoked">{{
+            <v-icon class="validated pb-1" v-if="!credRevoked">{{
               mdiShieldCheckOutline
             }}</v-icon>
             <span>{{ `${currCredTypeDesc} credential` }}</span
diff --git a/src/components/search/SearchBar.vue b/src/components/search/SearchBar.vue
index c75e835..e87a7f9 100644
--- a/src/components/search/SearchBar.vue
+++ b/src/components/search/SearchBar.vue
@@ -1,5 +1,5 @@
 <template>
-  <div :class="{ 'pt-10 pb-10': $vuetify.breakpoint.mdAndUp }">
+  <div :class="{ 'pt-4 pb-10': $vuetify.breakpoint.mdAndUp }">
     <p class="font-weight-bold mb-1" v-if="$vuetify.breakpoint.mdAndUp">
       Find an organization
     </p>
diff --git a/src/views/Search.vue b/src/views/Search.vue
index 49f8b48..d4b1864 100644
--- a/src/views/Search.vue
+++ b/src/views/Search.vue
@@ -1,9 +1,9 @@
 <template>
   <div>
     <div class="search-bar">
-      <v-container :fluid="$vuetify.breakpoint.smAndDown" class="pa-5">
+      <v-container :fluid="$vuetify.breakpoint.smAndDown" class="pa-3">
         <v-row>
-          <v-col class="d-flex flex-column flex-grow-1 ml-n3" cols="12" md="9">
+          <v-col class="d-flex flex-column flex-grow-1" cols="12" md="9">
             <p
               class="
                 font-weight-normal
@@ -13,9 +13,9 @@
             >
               A public directory of organizations registered in BC
             </p>
-            <SearchBar :query="q" />
+            <SearchBar :query="q" class="flex-grow-1" />
           </v-col>
-          <v-col class="flex-grow-0 pt-0 pb-0 ml-n3" cols="12" md="3">
+          <v-col class="flex-grow-0 pt-0 pb-0" cols="12" md="3">
             <SearchDescription
               class="pt-4"
               v-if="$vuetify.breakpoint.mdAndUp"
diff --git a/vue.config.js b/vue.config.js
index 4872e21..87e467b 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -29,8 +29,16 @@ module.exports = {
       proxy: {
         "/api": {
           target: "https://orgbook.gov.bc.ca",
+          // target: "http://localhost:8080",
         },
       },
     },
   },
+  pwa: {
+    name: "OrgBook BC",
+    themeColor: "#003366",
+    msTileColor: "#000000",
+    appleMobileWebAppCapable: "yes",
+    appleMobileWebAppStatusBarStyle: "003366",
+  },
 };