diff --git a/skins/elastic/styles/layout.less b/skins/elastic/styles/layout.less index 8da60c677..a517adb00 100644 --- a/skins/elastic/styles/layout.less +++ b/skins/elastic/styles/layout.less @@ -18,7 +18,7 @@ @page-font-size: 14px; @page-min-width: 240px; -@taskmenu-width: 65px; +@taskmenu-width: 70px; /*** Responsive design - Layout ***/ diff --git a/skins/elastic/styles/styles.less b/skins/elastic/styles/styles.less index 6d06afeb4..91d407a52 100644 --- a/skins/elastic/styles/styles.less +++ b/skins/elastic/styles/styles.less @@ -207,9 +207,17 @@ button, input, select, textarea { margin: auto; width: 95%; max-width: 280px; + + /* Fixes input width and position in IE11 */ + .row { + max-width: 280px; + margin-right: 0; + margin-left: 0; + } } + /*** Addressbook UI ***/ #contacts-table { diff --git a/skins/elastic/styles/widgets/forms.less b/skins/elastic/styles/widgets/forms.less index 48a067f43..69fab950f 100644 --- a/skins/elastic/styles/widgets/forms.less +++ b/skins/elastic/styles/widgets/forms.less @@ -29,6 +29,23 @@ input.smart-upload { width: 100%; } +/* Forms fixes for IE */ +html.ie .propform { + .row:not(.form-check) > td { + display: flex; + } + @media screen and (min-width: 576px) { + .row.form-check > td { + display: flex; + } + } + @media screen and (max-width: 575px) { + .row { + display: block; + } + } +} + .formcontent { padding: 1em;