From a82976b5b3831257314d34fb36d6d84bf17dd80d Mon Sep 17 00:00:00 2001
From: Ioannis Igoumenos <ioigoume@admin.grnet.gr>
Date: Wed, 18 May 2022 19:58:15 +0300
Subject: [PATCH] Place time-pickers correctly in Index fitlering blocks

---
 app/webroot/css/co-base.css       | 3 +++
 app/webroot/css/co-responsive.css | 5 ++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css
index 82e6075d1..142e1d4c9 100644
--- a/app/webroot/css/co-base.css
+++ b/app/webroot/css/co-base.css
@@ -975,6 +975,7 @@ ul.form-list {
   padding: 0;
   border-top: 1px solid var(--cmg-color-lightgray-005);
 }
+.cm-time-picker-vals ul li,
 ul.form-list li {
   background-color: var(--cmg-color-lightgray-001);
   border-left: 1px solid var(--cmg-color-lightgray-005);
@@ -984,6 +985,7 @@ ul.form-list li {
   padding: 0.5em;
   list-style: none;
 }
+.cm-time-picker-vals ul li:nth-child(even),
 ul.form-list li:nth-child(even) {
   background-color: var(--cmg-color-white);
 }
@@ -1179,6 +1181,7 @@ ul.fields li.fields-datepicker .field-info {
   grid-template-columns: repeat(4,40px);
   grid-template-rows: repeat(1,40px);
 }
+.top-filters .cm-time-picker-vals li,
 ul.form-list .cm-time-picker-vals li {
   display: block;
   padding: 4px 0 0 0;
diff --git a/app/webroot/css/co-responsive.css b/app/webroot/css/co-responsive.css
index e036179b3..9c0a941a1 100644
--- a/app/webroot/css/co-responsive.css
+++ b/app/webroot/css/co-responsive.css
@@ -32,7 +32,10 @@
 /**************************************************************************************************************/
 /* Small phones in landscape mode  */
 @media only screen and (min-width: 480px) {
-
+  .top-filters .cm-time-picker-panel {
+    right: unset;
+    transform: translate(-95%,0);
+  }
 }
 
 /* SMALL */