From adecdbee564ba1ae5624a5ccd5a1cf7d47d5a9bd Mon Sep 17 00:00:00 2001
From: Guo Xiang Tan <tgx_world@hotmail.com>
Date: Thu, 16 Jun 2016 17:01:35 +0800
Subject: [PATCH] UX: Display number combobox as an input group so it looks
 nice on mobile too.

---
 .../templates/modals/poll-ui-builder.hbs      | 21 ++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/plugins/poll/assets/javascripts/discourse/templates/modals/poll-ui-builder.hbs b/plugins/poll/assets/javascripts/discourse/templates/modals/poll-ui-builder.hbs
index bdb14b28528..5177357ab90 100644
--- a/plugins/poll/assets/javascripts/discourse/templates/modals/poll-ui-builder.hbs
+++ b/plugins/poll/assets/javascripts/discourse/templates/modals/poll-ui-builder.hbs
@@ -11,29 +11,36 @@
                   value=pollType
                   valueAttribute="value"
                   none="poll.ui_builder.poll_type.regular"}}
+    </div>
 
-      {{#if showMinMax}}
-        <label>{{i18n 'poll.ui_builder.poll_config.min'}}</label>
+    {{#if showMinMax}}
+      <div class="input-group">
+        <label class="input-group-label">{{i18n 'poll.ui_builder.poll_config.min'}}</label>
         {{combo-box content=pollMinOptions
                     value=pollMin
                     valueAttribute="value"
                     class="poll-options-min"}}
+      </div>
 
-        <label>{{i18n 'poll.ui_builder.poll_config.max'}}</label>
+
+      <div class="input-group">
+        <label class="input-group-label">{{i18n 'poll.ui_builder.poll_config.max'}}</label>
         {{combo-box content=pollMaxOptions
                     value=pollMax
                     valueAttribute="value"
                     class="poll-options-max"}}
+      </div>
 
-        {{#if isNumber}}
-          <label>{{i18n 'poll.ui_builder.poll_config.step'}}</label>
+      {{#if isNumber}}
+        <div class="input-group">
+          <label class="input-group-label">{{i18n 'poll.ui_builder.poll_config.step'}}</label>
           {{combo-box content=pollStepOptions
                       value=pollStep
                       valueAttribute="value"
                       class="poll-options-step"}}
-        {{/if}}
+        </div>
       {{/if}}
-    </div>
+    {{/if}}
 
     <div class="input-group">
       <label>