Slightly less hideous file upload form.

Author: relistan

public/style.css

@@ -32,6 +32,24 @@ th{font-weight:bold;}
 .toc li:before { content: counters(toc, ".") ". "; counter-increment: toc }
 .toc a { color: blue }
 
+#upload-form {
+  width: 500px;
+  border: 1px solid #ccc;
+}
+
+#upload-form dt {
+  float: left; 
+  padding-right: 1em;
+  padding-top: 3px;
+  width: 150px;
+  text-align: right;
+  font-weight: bold;
+}
+
+#upload-form dd {
+  padding-top: 3px;
+}
+
 .thumbimage {
     max-width: 500px;
 	max-height: 220px;

views/upload.haml

@@ -1,15 +1,17 @@
 - if defined? err
   %h2.error= err
+%p
+  Pick a file to upload from your local system.  
 %form.upload{ :method => 'post', :enctype => 'multipart/form-data' }
-  %table.upload
-    %tr
-      %th{ :align => 'right' } From Local File:
-      %td
-        %input{ :id => "upload-file", :type=> "file", :name=> "file" }
-    %tr
-      %th{ :align => 'right' } Save File As:
-      %td 
-        %input{ :id => "upload-filename", :type => "text", :name=> "filename" }
-    %tr
-      %th{ :align => 'right' }
-        %input{ :type => "submit", :value => "Upload" }
+  %dl.upload{ :id => 'upload-form' }
+    %dt 
+      From Local File:
+    %dd 
+      %input{ :id => "upload-file", :type=> "file", :name=> "file" }
+    %dt 
+      Save File As:
+    %dd 
+      %input{ :id => "upload-filename", :type => "text", :name=> "filename" }
+    %dt 
+      %input{ :type => "submit", :value => "Upload" }
+    %dd