From bf2e3e51bc685a9bc1dba819890706682eb01e3b Mon Sep 17 00:00:00 2001
From: Jeremie BRISON <ext.sopra.jbrison@grandlyon.com>
Date: Mon, 25 Jan 2021 15:39:30 +0100
Subject: [PATCH] fix(form) : fix responsive hours

---
 .../components/hour-picker/hour-picker.component.scss    | 9 ++++++++-
 src/styles.scss                                          | 1 +
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/app/shared/components/hour-picker/hour-picker.component.scss b/src/app/shared/components/hour-picker/hour-picker.component.scss
index 4ab75d72f..3aec56098 100644
--- a/src/app/shared/components/hour-picker/hour-picker.component.scss
+++ b/src/app/shared/components/hour-picker/hour-picker.component.scss
@@ -46,7 +46,7 @@
       height: 40px;
       display: grid;
       // grid-template-columns: auto 70px auto 70px 30px 80px 1fr;
-      grid-template-columns: auto 70px auto 70px 30px 30px;
+      grid-template-columns: auto 52px auto 61px 30px 30px;
       column-gap: 10px;
       align-items: center;
       justify-items: center;
@@ -76,6 +76,8 @@ input {
   border-radius: 4px;
   height: 40px;
   @include cn-regular-14;
+  min-width: 56px;
+  text-align: center;
 }
 
 p {
@@ -106,3 +108,8 @@ img {
   display: grid;
   align-items: center;
 }
+
+input[type='time']::-webkit-calendar-picker-indicator {
+  background: none;
+  display: none;
+}
diff --git a/src/styles.scss b/src/styles.scss
index 1773ee54c..204273f5a 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -136,6 +136,7 @@ a {
     }
   }
 }
+
 // Layout
 .w-100 {
   width: 100%;
-- 
GitLab