diff --git a/src/definitions/elements/input.less b/src/definitions/elements/input.less index 4bc299b57..6634df531 100755 --- a/src/definitions/elements/input.less +++ b/src/definitions/elements/input.less @@ -35,7 +35,7 @@ } .ui.input input { margin: 0em; - flex-grow: 1; + flex: 1 0 auto; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); text-align: @textAlign; @@ -276,24 +276,16 @@ ---------------------*/ /* Adjacent Label */ -.ui.labeled.input { - display: inline-flex; -} .ui.labeled.input > .label { - flex-grow: 0; + flex: 0 0 auto; margin: 0; - font-size: 1em; + font-size: @medium; } .ui.labeled.input > .label:not(.corner) { padding-top: @verticalPadding; padding-bottom: @verticalPadding; } -/* Fluid Labeled */ -.ui.fluid.labeled.input { - display: flex; -} - /* Label on Left */ .ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > input { border-left: none; @@ -340,15 +332,11 @@ Action ---------------------*/ -.ui.action.input { - display: inline-flex; -} - .ui.action.input > .button, .ui.action.input > .buttons { display: flex; align-items: center; - flex-grow: 0; + flex: 0 0 auto; } .ui.action.input > .button, .ui.action.input > .buttons > .button { @@ -357,11 +345,6 @@ margin: 0; } -/* Fluid */ -.ui.fluid.action.input { - display: flex; -} - /* Button on Right */ .ui.action.input:not([class*="left action"]) > input { border-right: none; @@ -395,13 +378,12 @@ border: none; } - /*-------------------- Fluid ---------------------*/ .ui.fluid.input { - display: block; + display: flex; } /*--------------------