fixed blurg position; added docker kill to .sh;

components/TheSideBar.vue

@@ -233,7 +233,7 @@
             </li>
           </ul>
           <div class="company-footer">
-            ⎨&nbsp; FlyLocal v5.0.2 &nbsp;&nbsp;𐄙&nbsp;&nbsp; ©2021 FlyLocal, Inc &nbsp;⎬
+            ⎨&nbsp; FlyLocal v5.0.2.2 &nbsp;&nbsp;𐄙&nbsp;&nbsp; ©2021 FlyLocal, Inc &nbsp;⎬
           </div>
         </div>
         <ul class="contact">

fl-run.sh

@@ -3,5 +3,6 @@ mkdir -p /usr/src/flylocal-web
 cd /usr/src
 git clone --depth 1 https://gitea.flylocal.us/spencer/flylocal-web.git
 cd flylocal-web
+sudo docker kill $(docker ps -q)
 sudo docker build -t flylocal-web .
 sudo docker run -it -p 3000:3000 flylocal-web

package.json

@@ -1,6 +1,6 @@
 {
   "name": "flylocal",
-  "version": "5.0.2.1",
+  "version": "5.0.2.2",
   "private": true,
   "scripts": {
     "dev": "nuxt",

pages/go.vue

@@ -46,12 +46,14 @@
         </template>
       </div>
       <div class="header__col">
-        <Logo />
-        <div v-if="!selectedOrig.iata && !isPickerVisible && isMapReady" class="logo-blurb">
-          from one of <strong>{{ airports_orig.length }}</strong> <span style="color: white;">local</span> airports
-        </div>
-        <div v-if="selectedOrig.iata && !selectedDest.iata && airports_dest.length > 1 && !isPickerVisible && isMapReady" class="logo-blurb">
-          to one of <strong>{{ airports_dest.length }}</strong> {{ getCompliment() }} destinations
+        <div class="logo-wrapper">
+          <Logo />
+          <div v-if="!selectedOrig.iata && !isPickerVisible && isMapReady" class="logo-blurb">
+            from one of <strong>{{ airports_orig.length }}</strong> <span style="color: white;">local</span> airports
+          </div>
+          <div v-if="selectedOrig.iata && !selectedDest.iata && airports_dest.length > 1 && !isPickerVisible && isMapReady" class="logo-blurb">
+            to one of <strong>{{ airports_dest.length }}</strong> {{ getCompliment() }} destinations
+          </div>
         </div>
       </div>
       <div class="header__col" />
@@ -373,12 +375,20 @@ main {
   background: black;
 }
 
+.logo-wrapper {
+  position: relative;
+}
+
 .logo-blurb {
   position: absolute;
-  left: clamp(47% + 1rem, 51% - 2rem, 47%);
   font-size: clamp(10px, 1rem, 18px);
   color: white;
-  top: clamp(20px + 0.25rem, 4rem + 0.25rem, 50px + 0.25rem);
+
+  --logo-v-offset: -0.65rem;
+  --logo-h-offset: 0.35rem;
+
+  top: clamp(20px + var(--logo-v-offset), 4rem + var(--logo-v-offset), 50px + var(--logo-v-offset));
+  left: clamp(20px + var(--logo-h-offset), 4rem + var(--logo-h-offset), 50px + var(--logo-h-offset));
   white-space: nowrap;
 }