styles for custom tag form field

jonthornton · May 4, 2016 · 2a93278 · 2a93278
1 parent ce1f252
commit 2a93278
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/static/styles.css b/static/styles.css
@@ -98,10 +98,15 @@ header .header-copyright a {
     -wekbit-border-radius: 10px;
 }
 
-
 .flash {
     background: #cdf;
     padding: 20px;
     font-size: 15px;
     color: #346;
 }
+
+.with-margins {
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
diff --git a/templates/upload.html b/templates/upload.html
@@ -9,16 +9,16 @@ <h1><span class="muted">Import into:</span> {{ bloginfo['blog']['title'] }}</h1>
             Please select the Wordpress export XML file you'd like to import. Visit Wordpress.org for more information about <a href="http://en.support.wordpress.com/export/">exporting a Wordpress blog</a>.
         </div>
 
-        <form method="post" action="/upload" enctype="multipart/form-data" id="upload-form">
+        <form class="pure-form" method="post" action="/upload" enctype="multipart/form-data" id="upload-form">
-            <div>
+            <div class="with-margins">
                 <input type="file" name="wordpress_xml" />
             </div>
 
-            <div>
+            <div class="with-margins">
                 <input type="text" name="custom_tags" placeholder="Custom tags"/>
             </div>
 
-            <div>
+            <div class="with-margins">
                 <input type="hidden" name="tumblog_name" value="{{ tumblog_name }}" />
                 <button type="submit" class="pure-button pure-button-primary">Submit</button>
             </div>