Registration and fuzzy search in progress

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

@@ -79,6 +79,7 @@
   }
 
   .section {
+    text-align: center;
     padding: 0.5em;
   }
 
@@ -152,27 +153,31 @@
     position: relative;
     cursor: pointer;
     transform: scale(1.2);
-    #lang-list {
-      position: absolute;
-      display: none;
-      top:100%;
-      right: 1em;
-      flex-flow: column nowrap;
-      padding: 0.5em;
-      gap: 0.5em;
-      background-color: #dddddd;
-      align-items: flex-start;
-      z-index: 50;
-      &.shown {
-        display: flex;
-      }
-      a {
-        display: inline-block;
-        white-space: nowrap;
-        text-align: center;
-        i {
-          vertical-align: middle;
-        }
+  }
+
+  #lang-list {
+    position: fixed;
+    display: none;
+    top:3em;
+    right: 1em;
+    flex-flow: column nowrap;
+    padding: 0.5em;
+    gap: 0.5em;
+    background-color: #dddddd;
+    align-items: flex-start;
+    z-index: 60;
+    &.shown {
+      display: flex;
+    }
+    .lang {
+      cursor: pointer;
+    }
+    a {
+      display: inline-block;
+      white-space: nowrap;
+      text-align: center;
+      i {
+        vertical-align: middle;
       }
     }
   }

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

@@ -32,9 +32,43 @@
     justify-content: space-around;
     margin: 1px;
     background-color: #eeeeee;
+    &.centered {
+      align-items: center;
+    }
+  }
+  .inline.fields {
+    background-color: #eeeeee;
+    margin-left: -0.5em;
+    margin-right: -0.5em;
+    padding-left: 0.5em;
+    padding-right: 0.5em;
+    .centered.field > label {
+      margin-right: 0;
+    }
   }
 
   /* registration section */
-
+  #player-form {
+    &:not(.add) {
+      #search-form, #search-result {
+        display: none;
+      }
+    }
+  }
+  #search-form {
+    position: relative;
+  }
+  #search-result {
+    position: absolute;
+    background-color: gray;
+    z-index: 2;
+    width:100%;
+    top: 100%;
+    padding: 1em;
+    overflow-y: auto;
+    &.hidden {
+      display: none;
+    }
+  }
 
 }