Make import/export/revisions collapsible

These features won't be needed too often, so lets hide them.

Author: ocdtrekkie

client/css/style.css

@@ -627,7 +627,7 @@ img {
 	padding-bottom: 0;
 }
 
-.export button, .import * {
+.export button, .import label {
     margin-right: 15px;
 }
 #revisions-list li > * {

client/script.js

@@ -916,6 +916,21 @@ $(function() {
         containment: 'parent'
     });
 
+    $( ".export" ).accordion({
+        collapsible: true,
+        active: false
+    });
+
+    $( ".import" ).accordion({
+        collapsible: true,
+        active: false
+    });
+
+    $( ".revisions" ).accordion({
+        collapsible: true,
+        active: false
+    });
+
     $('#export-txt').click(function() {
         socket.json.send({
             action: 'exportTxt',

views/index.jade

@@ -61,9 +61,10 @@ block body
 
 	div.export
 		h3 Export board
-		button#export-txt Text format
-		button#export-csv CSV format
-		button#export-json JSON format (for import in Scrumblr)
+		div
+			button#export-txt Text format
+			button#export-csv CSV format
+			button#export-json JSON format (for import in Scrumblr)
 
 	div.import
 		h3 Import board
@@ -74,9 +75,10 @@ block body
 
 	div.revisions
 		h3 Revisions
-		button#create-revision Create a revision
 		div
-			ul#revisions-list
+			button#create-revision Create a revision
+			div
+				ul#revisions-list
 
 	//div.trash
 	//	i.fa.fa-trash-o.fa-lg.faded-icon