Adjust Card subtype styling

src/lib/cards/LookupCard.svelte

@@ -28,6 +28,7 @@
         text-align: center;
         text-transform: uppercase;
         font-family: urwgothic, "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
+        font-size: 15px;
         height: 30px;
         border: none;
         border-radius: 20px;
@@ -41,9 +42,11 @@
         color: white;
         border: none;
         border-radius: 20px;
+        font-family: urwgothic, "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
+        font-size: 16px;
         width: 40%;
         max-width: 200px;
-        height: 25px;
+        height: 30px;
         box-shadow: var(--box-shadow);
         transition: all 0.3s ease;
     }

src/lib/cards/NearToMeCard.svelte

@@ -88,6 +88,10 @@
         border: none;
         border-radius: 20px;
         box-shadow: var(--box-shadow);
+        font-family: urwgothic, "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
+        font-size: 16px;
+        font-weight: 400;
+        white-space: nowrap;
         transition: all 0.3s ease;
     }
 
@@ -108,13 +112,5 @@
     }
     .link {
         display: inline-flex;
-        margin: 5px;
-        border: none;
-        border-radius: 20px;
-        padding: 5px 10px;
-        font-family: urwgothic, "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
-        font-size: 16px;
-        font-weight: 400;
-        white-space: nowrap;
     }
 </style>

src/routes/test/+page.svelte

@@ -1,21 +1,12 @@
 <script lang="ts">
-    import Card from "$lib/cards/Card.svelte";
     import type { LookupCardConfig } from "$lib/cards/Card.types";
     import LookupCard from "$lib/cards/LookupCard.svelte";
     import NearToMeCard from "$lib/cards/NearToMeCard.svelte";
 
-    let CardConfig = {
-        title: "Near to Me",
-        showHelp: false,
-        showRefresh: true,
-        helpText: "May not detect your location correctly on non-mobile devices",
-        onRefresh: onRefresh,
-    };
-
     let LookupConfig: LookupCardConfig = {
         title: "Live Arr/Dep Boards",
         helpText: "Enter CRS, TIPLOC or STANOX code to see live departures",
-        placeholder: "Enter CRS/TIPLOC/STANOX",
+        placeholder: "Enter CRS/TIPLOC",
         maxLen: 7,
         formAction: "/ldb/",
         fieldName: "station",