From 2ada226008943468b37cbcbb8884043299b790c8 Mon Sep 17 00:00:00 2001
From: Vishnu Ks <yo@vishnuks.com>
Date: Fri, 25 May 2018 14:53:39 +0000
Subject: [PATCH] registration: Use select instead of radio in import settings.

---
 static/styles/portico-signin.scss | 11 +++++++++--
 templates/zerver/register.html    | 20 +++++++-------------
 2 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/static/styles/portico-signin.scss b/static/styles/portico-signin.scss
index 1234690a23..e2bcc29b76 100644
--- a/static/styles/portico-signin.scss
+++ b/static/styles/portico-signin.scss
@@ -963,7 +963,14 @@ button.login-google-button {
     top: 5px;
 }
 
-#source_realm_radio {
+#source_realm_select_section {
     position: relative;
-    top: 30px;
+    top: 40px;
+    font-size: 22px;
 }
+
+#source_realm_select {
+    font-size: 1.2rem;
+    height: 45px;
+    width: 325px;
+}
\ No newline at end of file
diff --git a/templates/zerver/register.html b/templates/zerver/register.html
index 0ecb613fca..b04132eef1 100644
--- a/templates/zerver/register.html
+++ b/templates/zerver/register.html
@@ -145,19 +145,13 @@ Form is validated both client-side using jquery-validate (see signup.js) and ser
                 <div class="input-box">
                     <label for="source_realm" class="inline-block">{{ _('Do you want to import your user settings from another organization?') }}</label>
                 </div>
-                <div id="source_realm_radio" class="input-group m-10 inline-block">
-                    <div class="input-group radio">
-                        <input class="inline-block" type="radio" name="source_realm"
-                          {% if ("source_realm" in form.data and form.data["source_realm"] == "on") or "source_realm" not in form.data %} checked {% endif %} />
-                        <label for="id_radio_none" class="inline-block">None</label>
-                    </div>
-                    {% for membership_realm in membership_realms %}
-                    <div class="input-group radio">
-                        <input class="inline-block" type="radio" name="source_realm" value="{{ membership_realm.string_id }}"
-                          {% if "source_realm" in form.data and membership_realm.string_id == form.data["source_realm"] %} checked {% endif %} />
-                        <label for="id_radio_{{ membership_realm.string_id }}" class="inline-block">{{ membership_realm.name }}</label>
-                    </div>
-                    {% endfor %}
+                <div id="source_realm_select_section" class="input-group m-10 inline-block">
+                    <select class="select" name="source_realm" id="source_realm_select">
+                        <option value="on" {% if ("source_realm" in form.data and form.data["source_realm"] == "on") or "source_realm" not in form.data %} selected {% endif %}>None</option>
+                        {% for membership_realm in membership_realms %}
+                        <option value="{{ membership_realm.string_id }}" {% if "source_realm" in form.data and membership_realm.string_id == form.data["source_realm"] %} selected {% endif %}>{{ membership_realm.name }}</option>
+                        {% endfor %}
+                    </select>
                 </div>
                 {% endif %}
             </section>