diff --git a/static/crossroad.css b/static/crossroad.css
index 89f0b37..544bc65 100644
--- a/static/crossroad.css
+++ b/static/crossroad.css
@@ -2,6 +2,7 @@
--red: #cb0b0b;
--blue: #2081c3;
--transparent-black: #0008;
+ --xl: 4em;
--large: 2em;
--medium: 1em;
}
@@ -53,6 +54,10 @@ abbr[title] {
text-decoration-color: var(--blue);
}
+.align-start {
+ text-align: start;
+}
+
.flex-vcenter {
display: flex;
flex-direction: column;
@@ -79,6 +84,11 @@ abbr[title] {
flex-direction: row-reverse;
}
+.flex-column {
+ display: flex;
+ flex-direction: column;
+}
+
.flex-column-reverse {
display: flex;
flex-direction: column-reverse;
@@ -91,6 +101,10 @@ abbr[title] {
height: 100%;
}
+.wfit-content {
+ width: fit-content;
+}
+
.half-width {
min-width: 50%;
}
@@ -143,4 +157,8 @@ abbr[title] {
.inlineIcon {
height: var(--medium);
vertical-align: text-top;
+}
+
+.buttonPanel>* {
+ margin-top: min(var(--xl), 6vh);
}
\ No newline at end of file
diff --git a/static/crossroad.html b/static/crossroad.html
index 29e0141..9fe5c11 100644
--- a/static/crossroad.html
+++ b/static/crossroad.html
@@ -23,16 +23,17 @@