# HG changeset patch
# User dellsystem <ilostwaldo@gmail.com>
# Date 1350245575 14400
# Node ID ee999b9f33f5129e5c103c9302cc6dc27115c1ef
# Parent  77babc4afe34db07bb58c8deac6550fb7e7e9ae2
Add horizontal scrollbar to snippet history box

So that when the history is too deeply nested, you can simply scroll
to view the rest rather than them being extremely narrow

diff -r 77babc4afe34 -r ee999b9f33f5 static/css/agora.css
--- a/static/css/agora.css	Sat Oct 13 17:42:22 2012 -0400
+++ b/static/css/agora.css	Sun Oct 14 16:12:55 2012 -0400
@@ -39,7 +39,8 @@
 #non-sidebar{display:inline-block;zoom:1;*display:inline;width:710px;padding-right:20px;vertical-align:top;}
 .hint{border:1px solid #60cae1;background:#c3e9f5;padding:10px;margin-bottom:10px;}
 hr{border:0;border-top:1px solid #aaaaaa;margin:5px 0;}
-.tree ul{list-style-type:none;}
+#snippet-history{overflow-x:auto;}#snippet-history ul{white-space:nowrap;padding:0;list-style-type:none;}
+#snippet-history >ul{margin-left:0;}
 #diff{display:none;border:1px solid #e6e6e6;padding:10px;background:#fbfbfb;}#diff .code{white-space:pre-wrap;}
 #diff .gi{background:#DFD;}
 #diff .gu{color:#aaaaaa;}
diff -r 77babc4afe34 -r ee999b9f33f5 static/css/agora.less
--- a/static/css/agora.less	Sat Oct 13 17:42:22 2012 -0400
+++ b/static/css/agora.less	Sun Oct 14 16:12:55 2012 -0400
@@ -231,10 +231,18 @@
     margin: 5px 0;
 }
 
-.tree {
+#snippet-history {
+    overflow-x: auto;
+
     ul {
+        white-space: nowrap;
+        padding: 0;
         list-style-type: none;
     }
+
+    & > ul {
+        margin-left: 0;
+    }
 }
 
 #diff {
diff -r 77babc4afe34 -r ee999b9f33f5 templates/snippet/snippet_details.djhtml
--- a/templates/snippet/snippet_details.djhtml	Sat Oct 13 17:42:22 2012 -0400
+++ b/templates/snippet/snippet_details.djhtml	Sun Oct 14 16:12:55 2012 -0400
@@ -115,7 +115,7 @@
         </p>
     {% else %}
     <form method="get" id="diffform" action="{% url snippet_diff %}">
-      <div class="tree">
+      <div id="snippet-history">
         {% for tree_item,structure in tree|tree_info %}
         {% if structure.new_level %}
         <ul>
@@ -151,10 +151,11 @@
         </ul>
         {% endfor %}
         {% endfor %}
-        <div class="submit">
-          <input type="submit" value="{% trans "Compare" %}"/>
-        </div><!-- closes the .submit div -->
       </div><!-- closes the .tree div -->
+      <br />
+      <div class="submit">
+        <input type="submit" value="{% trans "Compare" %}"/>
+      </div><!-- closes the .submit div -->
     </form>
     {% endif %}
     <br />