Check in and some other improvements

app/assets/images/admin/check_in.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65 65"><path d="M30 5h1.4v1.4H30zM33.8 5h1.5v1.4h-1.5zM37.7 5H39v1.4h-1.3zM26 5h1.5v1.4H26z"/><path d="M46.2 3V-.2H18.8V3H6.2v62.2H59v-62H46zm-26-1.7h24.5v9H20.3v-9zm37 62.5H7.8V4.6h11v7h27.5v-7h11v59.2z"/><path d="M27.7 18.2h22.7v1.5H27.7zM27.7 22.8H47v1.5H27.8zM13 27.4h12V15H13v12.4zm1.4-10.8h9.2v9.2h-9.2v-9.2zM17.7 38.8l-1-1-1.2 1 2.2 2 4.7-4.5-1-1M27.7 34.8h22.7v1.5H27.7zM27.7 39.3H47v1.5H27.8z"/><path d="M13 44h12V31.6H13V44zM14.3 33h9.2v9.2h-9.2v-9.2zM17.7 55l-1-1-1.2 1 2.2 2.2 4.7-4.7-1-1M27.7 51h22.7v1.6H27.7zM27.7 55.6H47V57H27.8z"/><path d="M13 60.2h12V48H13v12.2zm1.4-10.7h9.2v9.2h-9.2v-9.2z"/></svg>

app/assets/stylesheets/_admin.scss

@@ -812,6 +812,20 @@ nav.sub-menu {
     }
 }
 
+@mixin hover-info {
+    display: none;
+    position: absolute;
+    right: 100%;
+    top: 0;
+    background-color: $white;
+    border: 0.1em solid #CCC;
+    padding: 0.25em 0.75em;
+    margin: 0;
+    list-style-type: square;
+    @include default-box-shadow(top, 2);
+    z-index: 10;
+}
+
 @include keyframes(unhappy) {
     from {
         @include _(transform, rotate(15deg));
@@ -872,6 +886,66 @@ nav.sub-menu {
                 vertical-align: top;
             }
 
+            > th {
+                min-width: 15em;
+            }
+
+            .host-notes {
+                @include font-family(primary);
+                font-size: 0.85em;
+                border: 0.1em solid $light-gray;
+                background-color: $white;
+                padding: 0.5em;
+                margin: 1em 0;
+
+                > p:first-child {
+                    margin-top: 0;
+                }
+
+                > p:last-child {
+                    margin-bottom: 0;
+                }
+            }
+
+            .guest-notes {
+                position: relative;
+                float: left;
+                margin-top: -0.2em;
+                margin-right: 0.25em;
+                cursor: pointer;
+
+                @include after {
+                    content: '\1F4C4';
+                    width: 2em;
+                    height: 2em;
+                }
+
+                .notes {
+                    @include hover-info;
+                    top: auto;
+                    bottom: 100%;
+                    right: auto;
+                    min-width: 25em;
+
+                    p {
+                        font-size: 1.125em;
+
+                        &:first-child {
+                            margin-top: 0;
+                        }
+                        &:last-child {
+                            margin-bottom: 0;
+                        }
+                    }
+                }
+
+                &:hover {
+                    .notes {
+                        display: block;
+                    }
+                }
+            }
+
             .address {
                 margin-top: 1em;
                 text-align: right;
@@ -937,17 +1011,7 @@ nav.sub-menu {
             }
 
             ul {
-                display: none;
-                position: absolute;
-                right: 100%;
-                top: 0;
-                background-color: $white;
-                border: 0.1em solid #CCC;
-                padding: 0.25em 0.75em;
-                margin: 0;
-                list-style-type: square;
-                @include default-box-shadow(top, 2);
-                z-index: 10;
+                @include hover-info;
             }
 
             li {
@@ -1719,6 +1783,113 @@ html[data-ontop] {
     }
 }
 
+.search-message {
+    display: none;
+    border: 0.05em solid $gray;
+    text-align: center;
+    padding: 1em;
+    margin: 1em;
+    border-radius: 0.2em;
+    box-shadow: 0 0 1em -0.5em;
+}
+
+#search-results {
+    display: none;
+    width: 100%;
+    margin-left: 0;
+
+    a {
+        color: inherit;
+
+        @include after {
+            display: none;
+        }
+    }
+
+    .name {
+        font-size: 1.5em;
+        min-width: 10em;
+    }
+
+    .registration {
+        &:hover, &:focus {
+            background-color: lighten($colour-1, 33%);
+            cursor: pointer;
+
+            th {
+                background-color: lighten($colour-1, 25%);
+            }
+        }
+    }
+}
+
+#search-form {
+    #no-search {
+        display: block;
+    }
+
+    #new-user {
+        display: none;
+    }
+
+    &[data-status="no-results"] {
+        #no-search, #search-results, #new-user {
+            display: none;
+        }
+
+        #no-results {
+            display: block;
+        }
+    }
+
+    &[data-status="success"] {
+        #no-search, #no-results, #new-user {
+            display: none;
+        }
+
+        #search-results {
+            display: block;
+        }
+    }
+
+    &[data-status="new-user"] {
+        #no-search, #no-results, #search-results {
+            display: none;
+        }
+
+        #new-user {
+            display: block;
+        }
+    }
+}
+
+#check-in {
+    .currency {
+        font-size: 1.5em;
+        margin-top: 0.5em;
+        margin-right: 0.5em;
+
+        ~ .select-field {
+            margin-top: 0.25em;
+            margin-right: 0.5em;
+        }
+    }
+
+    .input-field {
+        margin-bottom: 0;
+    }
+}
+
+.back-to-start {
+    @include before {
+        content: '◀';
+        font-size: 0.65em;
+        margin-right: 0.333em;
+        display: inline-block;
+        vertical-align: bottom;
+    }
+}
+
 @include breakpoint(medium) {
     nav.sub-nav {
         float: right;

app/assets/stylesheets/_application.scss

@@ -384,6 +384,10 @@ table, .table {
     }
 }
 
+.no-wrap {
+    white-space: nowrap;
+}
+
 body.modal-open {
     overflow: hidden;
 }
@@ -2432,8 +2436,8 @@ a.logo {
     }
 
     .register-link {
-        font-size: 1.25em;
-        margin: 0.5em;
+        font-size: 0.75em;
+        margin: 0.5em 0 0;
     }
 }
 
@@ -3632,8 +3636,6 @@ body.policy .policy-agreement ul {
     }
     
     .conference-banner {
-        @include _-(display, flex);
-        @include _(flex-wrap, wrap);
         margin: 0 auto;
         width: 100%;