Fix flex-grow in multi col form

This commit is contained in:
Mario Volke 2015-01-13 12:08:06 +01:00
parent 9d420f3cdc
commit 8ce33f9573
2 changed files with 3 additions and 2 deletions

View File

@ -32,6 +32,7 @@
@include respond-to(sm) { @include respond-to(sm) {
flex-grow: 1; flex-grow: 1;
flex-basis: 0;
& + .form__col { & + .form__col {
margin-left: 10px; margin-left: 10px;
} }

View File

@ -28,7 +28,7 @@
</div> </div>
</div> </div>
<div class="form__row form__row--multi"> <div class="form__row form__row--multi">
<div class="form__col" style="max-width:130px"> <div class="form__col">
<label class="input-select"> <label class="input-select">
<select ng-model="region"> <select ng-model="region">
<option value="AF">Afghanistan</option> <option value="AF">Afghanistan</option>
@ -283,7 +283,7 @@
</select> </select>
</label> </label>
</div> </div>
<div class="form__col"> <div class="form__col form__col--2">
<input class="input-text" type="tel" ng-model="dial" required placeholder="Mobile phone number" tabindex="5"> <input class="input-text" type="tel" ng-model="dial" required placeholder="Mobile phone number" tabindex="5">
</div> </div>
</div> </div>