Hide info icon on mobile and make text input equal widths (while a single date spans the whole width)

2 years ago · 140ef5e537
parent d61cbe7c4d
commit 140ef5e537
2 changed files with 2 additions and 2 deletions
--- 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
--- 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'"