From f072185074d9d4e6aa8a97f7b76b2483e68cbd95 Mon Sep 17 00:00:00 2001
From: Andreas Huber <andreas.huber@lucares.de>
Date: Sat, 28 Sep 2024 10:26:53 +0200
Subject: [PATCH] nicer placement of the date picker

---
 .../src/app/components/datepicker/date-picker.component.html  | 4 ----
 .../app/visualization-page/visualization-page.component.scss  | 4 +++-
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/pdb-js/src/app/components/datepicker/date-picker.component.html b/pdb-js/src/app/components/datepicker/date-picker.component.html
index a96acd1..3c4bdee 100644
--- a/pdb-js/src/app/components/datepicker/date-picker.component.html
+++ b/pdb-js/src/app/components/datepicker/date-picker.component.html
@@ -1,8 +1,4 @@
 <style>
-  #date-box {
-    width: 23.5em;
-  }
-
   .header-box {
     display: flex;
     justify-content: end;
diff --git a/pdb-js/src/app/visualization-page/visualization-page.component.scss b/pdb-js/src/app/visualization-page/visualization-page.component.scss
index 5288480..ccae543 100644
--- a/pdb-js/src/app/visualization-page/visualization-page.component.scss
+++ b/pdb-js/src/app/visualization-page/visualization-page.component.scss
@@ -15,7 +15,7 @@
     grid:
       "query-box query-box date-box" auto 
       "filters results results" 1fr
-      / 25.5em 3fr 23.5em;
+      / 25.5em 3fr auto;
   }
 }
 
@@ -43,6 +43,8 @@
 
 #date-box{
   grid-area: date-box;
+  display: flex;
+  align-items: center;
 }