From b2c814c2c48f178c6e9872f4f5590ff59157eac0 Mon Sep 17 00:00:00 2001
From: Blake Bourque <techplex.engineer@gmail.com>
Date: Mon, 2 Jan 2012 13:21:35 -0500
Subject: [PATCH] Demo and Restore dialogs scroll if longer than 300px. Fixes
 #86

---
 garden.html               | 6 +++---
 stylesheets/workspace.css | 6 +++++-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/garden.html b/garden.html
index 4a5a5dae..ae081e29 100644
--- a/garden.html
+++ b/garden.html
@@ -63,9 +63,9 @@ <h2>Save the current script</h2>
         </div>
     </div>
     <div class="hidden dialog" id="restore_dialog">
-        <div id="save_dialog_contents">
+        <div id="restore_dialog_contents">
             <h2>Restore a script</h2>
-            <ul id="script_list">
+            <ul class="scrollList" id="script_list">
             </ul>
             <button class="cancel">Cancel</button>
 	    <button class="exp">From Export</button>
@@ -74,7 +74,7 @@ <h2>Restore a script</h2>
     <div class="hidden dialog" id="demos_dialog">
         <div id="demos_dialog_contents">
             <h2>Load a demo</h2>
-            <ul id="demo_list">
+            <ul class="scrollList" id="demo_list">
             </ul>
             <button class="cancel">Cancel</button>
         </div>
diff --git a/stylesheets/workspace.css b/stylesheets/workspace.css
index d57da3b8..cecf6437 100644
--- a/stylesheets/workspace.css
+++ b/stylesheets/workspace.css
@@ -301,4 +301,8 @@ html, body {
     overflow: hidden;
 }
 
-
+/* Lists of scripts to scroll. Used in demo & restore dialog*/
+.scrollList{
+    max-height: 300px;
+    overflow-y:scroll;
+}