Use flex: 1 for mx_Field to replace all the calc(100% - 20px) and more

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-06-13 23:48:47 +01:00
parent 2a7301fa8f
commit 1090b7d912
16 changed files with 8 additions and 91 deletions
@@ -42,12 +42,6 @@ limitations under the License.
    margin-right: 5px;
 }

-.mx_EditableItemList_newItem .mx_Field input {
-    // Use 100% of the space available for the input, but don't let the 10px
-    // padding on either side of the input to push it out of alignment.
-    width: calc(100% - 20px);
-}
-
 .mx_EditableItemList_label {
    margin-bottom: 5px;
-}
+}
@@ -42,6 +42,7 @@ limitations under the License.
    padding: 8px 9px;
    color: $primary-fg-color;
    background-color: $primary-bg-color;
+    flex: 1;
 }

 .mx_Field select {
@@ -20,6 +20,5 @@ limitations under the License.

 .mx_PowerSelector .mx_Field select,
 .mx_PowerSelector .mx_Field input {
-    width: 100%;
    box-sizing: border-box;
 }