From 140ef5e537b067f4c2d1868e902911c783599376 Mon Sep 17 00:00:00 2001
From: Henriette Darge <h.darge@openproject.com>
Date: Wed, 8 Jun 2022 09:58:14 +0200
Subject: [PATCH] Hide info icon on mobile and make text input equal widths
 (while a single date spans the whole width)

---
 .../shared/components/datepicker/datepicker_mobile.modal.sass   | 2 +-
 .../components/modal/modal-banner/modal-banner.component.html   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/shared/components/datepicker/datepicker_mobile.modal.sass b/frontend/src/app/shared/components/datepicker/datepicker_mobile.modal.sass
index ff6d6a1bad..e8ff91d05d 100644
--- a/frontend/src/app/shared/components/datepicker/datepicker_mobile.modal.sass
+++ b/frontend/src/app/shared/components/datepicker/datepicker_mobile.modal.sass
@@ -3,4 +3,4 @@
     height: initial
     width: calc(100vw - 2rem)
     &--dates-container
-      grid-template-columns: 1fr auto
+      grid-template-columns: 1fr max-content
diff --git a/frontend/src/app/shared/components/modal/modal-banner/modal-banner.component.html b/frontend/src/app/shared/components/modal/modal-banner/modal-banner.component.html
index 9fc577bfae..aa3e9da2f4 100644
--- a/frontend/src/app/shared/components/modal/modal-banner/modal-banner.component.html
+++ b/frontend/src/app/shared/components/modal/modal-banner/modal-banner.component.html
@@ -5,7 +5,7 @@
 >
   <span
     *ngIf="type === 'info'"
-    class="op-modal-banner--icon spot-icon spot-icon_info1"
+    class="op-modal-banner--icon spot-icon spot-icon_info1 hidden-for-mobile"
   ></span>
   <span
     *ngIf="type === 'warning'"