Improve autocompletion usage

1 files changed, 32 insertions, 8 deletions

diff --git a/public/main.css b/public/main.css
index dfd5c1b..b94fefa 100644
--- a/public/main.css
+++ b/public/main.css
@@ -28,6 +28,10 @@ body {
   padding: 0 0.5rem;
 }
 
+.g-Layout__HeaderImportExport {
+  font-size: 1rem;
+}
+
 .g-Layout__Home {
   color: white;
   text-decoration: none;
@@ -56,12 +60,6 @@ body {
   display: none;
 }
 
-.g-Header__ImportLabel {
-  cursor: pointer;
-  font-size: 50%;
-  text-decoration: underline;
-}
-
 /* Modal */
 
 :root {
@@ -101,7 +99,7 @@ body {
   position: absolute;
   top: 0px;
   right: 0px;
-  font-size: 200%;
+  font-size: 2rem !important;
   border-top-right-radius: var(--modal-border-radius);
 }
 
@@ -200,6 +198,13 @@ body {
   background-color: #DDDDDD;
 }
 
+.g-Autocomplete__Clear {
+  position: absolute;
+  right: 0.5rem;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
 /* Button */
 
 .g-Button__Raw {
@@ -207,6 +212,7 @@ body {
   background-color: transparent;
   border: none;
   color: inherit;
+  font-size: inherit;
 }
 
 .g-Button__Text {
@@ -214,6 +220,10 @@ body {
   background-color: transparent;
   border: none;
   color: inherit;
+  font-size: inherit;
+}
+
+.g-Button__Text:hover {
   text-decoration: underline;
 }
 
@@ -225,6 +235,7 @@ body {
   border: 1px solid black;
   font-size: 1.1rem;
   cursor: pointer;
+  font-size: inherit;
 }
 
 .g-Button__Cancel {
@@ -235,6 +246,7 @@ body {
   border: 1px solid black;
   font-size: 1.1rem;
   cursor: pointer;
+  font-size: inherit;
 }
 
 /* Map */
@@ -255,13 +267,25 @@ body {
 
 /* Marker form */
 
+.g-MarkerForm__AutocompleteAndIcon {
+  position: relative;
+}
+
+.g-MarkerForm__Autocomplete {
+  padding-left: 1.5rem;
+}
+
 .g-MarkerForm__Icon {
+  position: absolute;
   width: 1rem;
-  border: 1px solid #EEEEEE;
+  text-align: center;
+  left: 0.5rem;
 }
 
 .g-MarkerForm__IconEntry {
   margin-right: 0.5rem;
+  width: 1rem;
+  text-align: center;
 }
 
 /* Marker icon */