Cleaned up some minor mobile usability issues.

app/src/components/LogbookMessage.vue

@@ -31,9 +31,8 @@ const date = computed(() => {
   background-color: var(--background-color-2);
   border-radius: 20px;
   padding: 0.75rem;
-}
-.logbook-message + .logbook-message {
   margin-top: 1rem;
+  margin-bottom: 1rem;
 }
 .logbook-message > time {
   font-family: monospace;

app/src/components/SoftwareProjectTile.vue

@@ -51,9 +51,8 @@ function getTagStyle(tag: string) {
   background-color: var(--background-color-2);
   border-radius: 20px;
   padding: 1rem;
-}
-.software-project-tile + .software-project-tile {
   margin-top: 1rem;
+  margin-bottom: 1rem;
 }
 
 .software-project-tile > h3 {

app/src/views/HomeView.vue

@@ -6,6 +6,8 @@
       My name's Andrew, and I'm a software engineer, gardener, runner, home cook, and probably many
       other things too, depending on who you ask. Welcome to my website!
     </p>
-    <p>Click one of the links on the left to check out something more interesting.</p>
+    <p>
+      Click one of the links to check out something more interesting.
+    </p>
   </main>
 </template>

upload-new.sh

@@ -0,0 +1,9 @@
+#!/usr/bin/env bash
+
+cd app
+npm run lint
+npm run type-check
+npm run build
+cd ..
+
+rsync -rav -e ssh --delete app/dist/ root@andrewlalis.com:/var/www/andrewlalis.com/html