diff --git a/app/assets/javascripts/select-kit/templates/components/future-date-input-selector/future-date-input-selector-header.hbs b/app/assets/javascripts/select-kit/templates/components/future-date-input-selector/future-date-input-selector-header.hbs index 5034fa77bb..c566d3b1e5 100644 --- a/app/assets/javascripts/select-kit/templates/components/future-date-input-selector/future-date-input-selector-header.hbs +++ b/app/assets/javascripts/select-kit/templates/components/future-date-input-selector/future-date-input-selector-header.hbs @@ -20,4 +20,4 @@ {{/if}} -{{d-icon caretIcon class="caret-icon"}} +{{d-icon caretIcon class="caret-icon fa-fw"}} diff --git a/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss b/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss index 5e02661571..66790b0e3a 100644 --- a/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss +++ b/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss @@ -55,3 +55,31 @@ } } } + +// mobile styles +.mobile-view .edit-topic-timer-modal { + .control-group { + display: flex; + align-items: center; + + > .d-icon { + margin-right: 5px; + } + } + + .select-kit.combo-box { + flex: 1; + } + + .future-date-input-selector-header .btn-clear { + display: none; + } + + .modal-body { + overflow: visible !important; /* inline styles from JS */ + } + + .pika-single { + position: absolute !important; /* inline styles from JS */ + } +}