client/posts: improve file dropper appearance

client/css/core-forms.styl

@@ -245,11 +245,8 @@ input::-moz-focus-inner
  * File dropper
  */
 .file-dropper-holder
-    display: flex
-    flex-wrap: wrap
     .file-dropper
         display: block
-        width: 100%
         background: $window-color
         border: 3px dashed #eee
         padding: 0.3em 0.5em
@@ -258,14 +255,16 @@ input::-moz-focus-inner
         cursor: pointer
         overflow: hidden
         word-wrap: break-word
-    input
+    .url-holder
+        display: flex
         margin-top: 0.5em
-        margin-right: 0.5em
+        input, button
-        width: auto
+            min-width: 0 /* firefox being sassy */
-        flex: 1
+            width: auto !important /* don't inherit anything weird */
-    button
+        input
-        margin-top: 0.5em
+            flex: 1
-        width: 8em
+        button
+            margin-left: 0.5em
 
 input[type=file]:disabled+.file-dropper
     cursor: default

client/css/post-main-view.styl

@@ -138,7 +138,7 @@
                 margin: 0
                 padding: 0
 
-    label
+    label:not(.file-dropper)
         margin-bottom: 0.3em
         display: block
 

client/html/file_dropper.tpl

@@ -14,11 +14,13 @@
         <% } %>
     </label>
     <% if (ctx.allowUrls) { %>
-        <input type='text' name='url' placeholder='Alternatively, paste an URL here.'/>
+        <div class='url-holder'>
-        <% if (ctx.lock) { %>
+            <input type='text' name='url' placeholder='Alternatively, paste an URL here.'/>
-            <button>Confirm</button>
+            <% if (ctx.lock) { %>
-        <% } else { %>
+                <button>Confirm</button>
-            <button>Add URL</button>
+            <% } else { %>
-        <% } %>
+                <button>Add URL</button>
+            <% } %>
+        </div>
     <% } %>
 </div>