From 8ce33f9573d33b2f76cb4cdd271c6cca79450338 Mon Sep 17 00:00:00 2001
From: Mario Volke <info@mariovolke.com>
Date: Tue, 13 Jan 2015 12:08:06 +0100
Subject: [PATCH] Fix flex-grow in multi col form

---
 src/sass/blocks/basics/_form.scss | 1 +
 src/tpl/create-account.html       | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/sass/blocks/basics/_form.scss b/src/sass/blocks/basics/_form.scss
index 178f41f..f58c82d 100644
--- a/src/sass/blocks/basics/_form.scss
+++ b/src/sass/blocks/basics/_form.scss
@@ -32,6 +32,7 @@
 
         @include respond-to(sm) {
             flex-grow: 1;
+            flex-basis: 0;
             & + .form__col {
                 margin-left: 10px;
             }
diff --git a/src/tpl/create-account.html b/src/tpl/create-account.html
index 51f434b..a2bac8f 100644
--- a/src/tpl/create-account.html
+++ b/src/tpl/create-account.html
@@ -28,7 +28,7 @@
           </div>
         </div>
         <div class="form__row form__row--multi">
-          <div class="form__col" style="max-width:130px">
+          <div class="form__col">
             <label class="input-select">
               <select ng-model="region">
                 <option value="AF">Afghanistan</option>
@@ -283,7 +283,7 @@
               </select>
             </label>
           </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">
           </div>
         </div>