Cosmetics

src/components/map/Settings.tsx

@@ -102,6 +102,7 @@ const Settings: React.FC<{}> = () => {
         trigger='open-SettingsDialog'
         enterAnimation={enterAnimation}
         leaveAnimation={leaveAnimation}
+        className='full-height'
       >
         <IonToolbar>
           <IonTitle>Settings</IonTitle>

src/theme/map.css

@@ -51,7 +51,7 @@ ion-modal {
 }
 
 ion-modal.full-height {
-  --height: 99%;
+  --height: 100%;
 }
 
 /* ion-modal::part(backdrop) {
@@ -64,6 +64,11 @@ ion-modal ion-toolbar {
   --color: white;
 }
 
+ion-modal.full-height ion-toolbar {
+  --background: rgba(14,116,144, 1);
+ }
+
+
 ion-modal ion-toolbar.secondary {
   --background: inherit;
   --color: inherit;