make column selection options at fixed position

This allows us to click on all/none links, or regexp include/exclude
filter without them moving left-right depending on number of
selected/total elements

diff --git a/public/mojo_facets.css b/public/mojo_facets.css
index 9362a18..07d6bd4 100644 (file)
--- a/public/mojo_facets.css
+++ b/public/mojo_facets.css
@@ -89,6 +89,7 @@ div.col_opts {
 
 .chart {
        float: right;
+       clear: right;
        position: relative;
        margin-top: 1em;
 }
@@ -248,4 +249,8 @@ tr.hidden {
        margin: 1em;
 }
 
-
+/* templates/all_checkboxes.html.ep */
+span#column_selection {
+       position: absolute;
+       left: 15em;
+}

diff --git a/templates/all_checkboxes.html.ep b/templates/all_checkboxes.html.ep
index 465e99f..89991e3 100644 (file)
--- a/templates/all_checkboxes.html.ep
+++ b/templates/all_checkboxes.html.ep
@@ -1,3 +1,4 @@
+<span id=column_selection>
 <a id="all"  href="#">all</a>
 <a id="toggle" href="#">toggle</a>
 <a id="none" href="#">none</a>
@@ -8,6 +9,7 @@
 <a id="included" href="#" style="display:none">included</a>
 <a id="excluded" href="#" style="display:none">excluded</a>
 </label>
+</span>
 
 
 <script type="text/javascript">