caddy config frontend

frontend/src/app/pages/home/menu/menu.html

@@ -17,6 +17,9 @@
 
             {{ oedbc.label }}
           </div>
+          <div class="what">
+            {{ whats[$index] }}
+          </div>
         </div>
       }
     </div> -->

frontend/src/app/pages/home/menu/menu.ts

@@ -15,17 +15,21 @@ export class Menu {
   public onToggleView?: () => void;
   public onDownloadGeoJSON?: () => void;
   public onDownloadCSV?: () => void;
+  protected whats: any = [];
 
   constructor() {
     let keys = Object.keys(oedb_what_categories.presets.what);
 
     this.oedb_what_categories = [];
+    this.whats = [];
 
     keys.forEach((key) => {
       this.oedb_what_categories.push(
         oedb_what_categories.presets.what[key as keyof typeof oedb_what_categories.presets.what]
       );
+      this.whats.push(key)
     })
+
   }
 
   toggleView() { this.onToggleView && this.onToggleView(); }

frontend/src/styles.scss

@@ -39,16 +39,20 @@ button, .button{
   }
 }
 input{
-  width: 100%;
+  width: 200px;
   padding: 10px 12px;
   border-radius: 10px;
   border: 1px solid rgba(0, 0, 0, 0.12);
   background: #ffffff;
   color: #22303a;
   box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02);
+  display: block;
+  margin-bottom: 0.5rem;
+  margin-top: 0.25rem;
 }
 
 
+
 app-root, app-home {
   display: block;
   min-height: 100vh;