From 2376d4daba1046df18d1702e8726736d2b85e316 Mon Sep 17 00:00:00 2001
From: evlist <vdv@dyomedea.com>
Date: Tue, 4 Oct 2022 07:54:32 +0200
Subject: [PATCH] Cosmetics

---
 src/components/map/Settings.tsx | 1 +
 src/theme/map.css               | 7 ++++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/map/Settings.tsx b/src/components/map/Settings.tsx
index 8fe42f8..8a960ae 100644
--- a/src/components/map/Settings.tsx
+++ b/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>
diff --git a/src/theme/map.css b/src/theme/map.css
index 737f689..0ce4b14 100644
--- a/src/theme/map.css
+++ b/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;