diff --git a/view-webapp/src/main/sass/main.scss b/view-webapp/src/main/sass/main.scss
index 660193e..8d97404 100644
--- a/view-webapp/src/main/sass/main.scss
+++ b/view-webapp/src/main/sass/main.scss
@@ -67,7 +67,7 @@
flex: 1;
overflow: auto;
#inner {
- max-width: clamp(800px, 80vw, 100vw);
+ /* max-width: clamp(800px, 80vw, 100vw); */
display: flex;
flex-flow: column nowrap;
align-items: center;
diff --git a/view-webapp/src/main/sass/tour.scss b/view-webapp/src/main/sass/tour.scss
index df4c701..96479a0 100644
--- a/view-webapp/src/main/sass/tour.scss
+++ b/view-webapp/src/main/sass/tour.scss
@@ -167,7 +167,7 @@
min-height: 30vh;
max-height: 60vh;
min-width: 20vw;
- max-width: 40vw;
+ max-width: max(30vw, 15em);
border: solid 2px darkgray;
border-radius: 5px;
padding: 1em 0.5em;
@@ -203,6 +203,7 @@
justify-content: start;
align-items: stretch;
gap: 1em;
+ max-width: max(10em, 20vw);
}
#unpairables {
display: flex;
@@ -215,6 +216,13 @@
display: inline-flex;
flex-flow: row wrap;
gap: 1em;
+ flex-shrink: 1;
+ max-width: max(300px, 60vw);
+ justify-content: center;
+ }
+
+ #paired {
+ max-width: max(50vw, 20em);
}
.choose-round.button {
diff --git a/view-webapp/src/main/webapp/tour-standings.inc.html b/view-webapp/src/main/webapp/tour-standings.inc.html
index 46f127e..5824408 100644
--- a/view-webapp/src/main/webapp/tour-standings.inc.html
+++ b/view-webapp/src/main/webapp/tour-standings.inc.html
@@ -104,8 +104,6 @@
-
-