Accessibility: improve keyboard only flow (see #1181); remove some legacy use of Svelte

public/css/index-tailwind-output.css

@@ -777,10 +777,6 @@ video {
   float: left;
 }
 
-.m-8 {
-  margin: 2rem;
-}
-
 .m-4 {
   margin: 1rem;
 }
@@ -793,6 +789,10 @@ video {
   margin: 0px;
 }
 
+.m-8 {
+  margin: 2rem;
+}
+
 .m-2 {
   margin: 0.5rem;
 }
@@ -1188,6 +1188,10 @@ video {
   max-height: 6rem;
 }
 
+.max-h-64 {
+  max-height: 16rem;
+}
+
 .max-h-7 {
   max-height: 1.75rem;
 }
@@ -1266,6 +1270,10 @@ video {
   width: 3.5rem;
 }
 
+.w-auto {
+  width: auto;
+}
+
 .w-5 {
   width: 1.25rem;
 }
@@ -1283,10 +1291,6 @@ video {
   width: 12rem;
 }
 
-.w-auto {
-  width: auto;
-}
-
 .max-w-full {
   max-width: 100%;
 }
@@ -1685,6 +1689,10 @@ video {
   border-style: dotted;
 }
 
+.border-none {
+  border-style: none;
+}
+
 .border-black {
   --tw-border-opacity: 1;
   border-color: rgb(0 0 0 / var(--tw-border-opacity));
@@ -2234,6 +2242,11 @@ body {
   font-family: "Helvetica Neue", Arial, sans-serif;
 }
 
+.focusable {
+  /* Not a 'real' class, but rather an indication to FloatOver and ModalRight to, when they open, grab the focus */
+  border: 1px solid red
+}
+
 svg,
 img {
   box-sizing: content-box;