Review layout

view-webapp/src/main/sass/tour.scss

@@ -12,7 +12,7 @@
   }
 
   .active-round-box {
-    padding: 1em;
+    padding: 0.2em 1em;
     font-weight: bold;
   }
 
@@ -172,11 +172,11 @@
     flex-flow: column;
     justify-content: start;
     align-items: center;
-    gap: 1em;
   }
 
   #pairing-lists {
     margin-top: 1em;
+    flex-grow: 2;
     display: flex;
     flex-flow: row wrap;
     justify-content: center;
@@ -342,4 +342,25 @@
     max-width: 95vw;
     overflow-x: auto;
   }
+
+  .ui.steps {
+    margin-top: 0.2em;
+    .step {
+      padding-top: 0.5em;
+      padding-bottom: 0.5em;
+    }
+  }
+
+  @media( max-width: 1400px) {
+    .ui.steps > .step {
+      padding-left: 1.2em;
+      padding-right: 0.8em;
+      &::before {
+        margin-right: 0;
+      }
+      .content > .title {
+        display: none;
+      }
+    }
+  }
 }