fix(ui): prevent text selection on buttons

src/components/Footer.vue

@@ -23,9 +23,20 @@ const version = __APP_VERSION__;
   display: flex;
   align-items: center;
   justify-content: center;
-  margin-top: auto; /* Push to bottom in flex container */
   z-index: 10;
-  height: 30px;
+  /* Remove fixed height to allow content to dictate size */
+  /* height: 30px; */
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  padding-bottom: max(0.5rem, env(safe-area-inset-bottom));
+}
+
+@media (min-width: 768px) {
+  .app-footer {
+    position: static;
+    margin-top: auto;
+  }
 }
 
 .footer-content {

src/components/Header.vue

@@ -61,7 +61,8 @@ onMounted(() => {
   color: var(--text-color);
   padding: 1rem;
   /* box-shadow handled by glass-panel class */
-  position: relative;
+  position: sticky;
+  top: 0;
   z-index: 100;
   border-left: none;
   border-right: none;