Fix forms in IE (#30)

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 ***/
 

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 {

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;