From 94d68d245339a182ebd979139826f55c40eada41 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A9gis=20Hanol?= <regis@hanol.fr>
Date: Tue, 8 Oct 2013 19:48:27 +0200
Subject: [PATCH] more vertical space in the upload selector dialog

---
 .../modal/upload_selector.js.handlebars       | 28 +++++++++++-------
 app/assets/stylesheets/desktop/upload.scss    | 29 ++++++++++---------
 2 files changed, 33 insertions(+), 24 deletions(-)

diff --git a/app/assets/javascripts/discourse/templates/modal/upload_selector.js.handlebars b/app/assets/javascripts/discourse/templates/modal/upload_selector.js.handlebars
index 37753352e71..eb5576ad6ea 100644
--- a/app/assets/javascripts/discourse/templates/modal/upload_selector.js.handlebars
+++ b/app/assets/javascripts/discourse/templates/modal/upload_selector.js.handlebars
@@ -1,18 +1,24 @@
 <div class="modal-body">
-  <input type="radio" id="local" value="local" name="upload" {{action useLocal}}>
-  <label class="radio" for="local">{{i18n upload_selector.from_my_computer}}</label>
-  <div class="inputs">
+  <div class="radios">
+    <input type="radio" id="local" value="local" name="upload" {{action useLocal}}>
+    <label class="radio" for="local">{{i18n upload_selector.from_my_computer}}</label>
     {{#if controller.local}}
-      <input type="file" id="filename-input">
-    {{else}}
-      <input type="text" id="fileurl-input">
+      <div class="inputs">
+        <input type="file" id="filename-input"><br>
+        <span class="description">{{unbound view.tip}}</span>
+      </div>
+    {{/if}}
+  </div>
+  <div class="radios">
+    <input type="radio" id="remote" value="remote" name="upload" {{action useRemote}}>
+    <label class="radio" for="remote">{{i18n upload_selector.from_the_web}}</label>
+    {{#if controller.remote}}
+      <div class="inputs">
+        <input type="text" id="fileurl-input"><br>
+        <span class="description">{{unbound view.tip}}</span>
+      </div>
     {{/if}}
-    <br>
-    <span class="description">{{view.tip}}</span>
   </div>
-  <br>
-  <input type="radio" id="remote" value="remote" name="upload" {{action useRemote}}>
-  <label class="radio" for="remote">{{i18n upload_selector.from_the_web}}</label>
 </div>
 
 <div class="modal-footer">
diff --git a/app/assets/stylesheets/desktop/upload.scss b/app/assets/stylesheets/desktop/upload.scss
index c6ef8a1dd08..e045142fd31 100644
--- a/app/assets/stylesheets/desktop/upload.scss
+++ b/app/assets/stylesheets/desktop/upload.scss
@@ -17,19 +17,22 @@
     display: inline-block;
     padding-left: 10px;
   }
-  .inputs {
-    float: right;
-    width: 75%;
-    input {
-      width: 90%;
-      margin: 0 0 5px 0;
-    }
-    input[type="file"] {
-      font-size: 14px;
-      line-height: 18px;
-    }
-    .description {
-      color: #9a9ea0;
+  .radios {
+    margin: 0 0 25px 0;
+    .inputs {
+      float: right;
+      width: 75%;
+      input {
+        width: 90%;
+        margin: 0 0 5px 0;
+      }
+      input[type="file"] {
+        font-size: 14px;
+        line-height: 18px;
+      }
+      .description {
+        color: #9a9ea0;
+      }
     }
   }
 }