[TPL] Bar for chart

templates/pages/corpora/sources.html

@@ -35,21 +35,24 @@
               <br>
             </div>
         </div>
-        <div id="monthly-move-chart">
-            <center>
-              <p id="sources_time" class="help">
-                Select a frequency group in the chart with blue bars to zoom in  </p>
-            <p align="center">
-            <!--<a class="btn btn-xs btn-default" role="button" href="/chart/corpus/{{ corpus.id }}/data.csv">Save</a>-->
-            <a class="btn btn-xs btn-default" href="javascript:volumeChart.filterAll();dc.redrawAll();">Reset</a></p>
-            <!-- <p style="font-size:70%">
-                <b>x</b>: amount of documents for the source
-                <b>y</b>: number of sources with that amount
-            </p> -->
-            <div class="clearfix"></div>
-            </center>
+        <div class="bs-callout">
+          <div class="row">
+            <div id="monthly-move-chart">
+                <center>
+                  <p id="sources_time" class="help">
+                    Select a frequency group in the chart with blue bars to zoom in  </p>
+                <p align="center">
+                <!--<a class="btn btn-xs btn-default" role="button" href="/chart/corpus/{{ corpus.id }}/data.csv">Save</a>-->
+                <a class="btn btn-xs btn-default" href="javascript:volumeChart.filterAll();dc.redrawAll();">Reset</a></p>
+                <!-- <p style="font-size:70%">
+                    <b>x</b>: amount of documents for the source
+                    <b>y</b>: number of sources with that amount
+                </p> -->
+                <div class="clearfix"></div>
+                </center>
+            </div>
+          </div>
         </div>
-
     </div>
 </div>
 

templates/pages/corpora/terms.html

@@ -93,17 +93,19 @@ em {
                 <br>
             </div>
         </div>
-        <div id="monthly-move-chart">
-            <center>
-                    <p id="terms_time" class="help">Select a score/frequency range in the chart with blue bars to zoom in  <p>
-            <p align="center">
-            <!--<a class="btn btn-xs btn-default" role="button" href="/chart/corpus/{{ corpus.id }}/data.csv">Save</a>-->
-            <a class="btn btn-xs btn-default" href="javascript:volumeChart.filterAll();dc.redrawAll();">Reset</a></p>
-            <div class="clearfix"></div>
-            </center>
-        </div>
-    </div>
-</div>
+        <div class="bs-callout">
+            <div class="row">
+              <div id="monthly-move-chart">
+                  <center>
+                          <p id="terms_time" class="help">Select a score/frequency range in the chart with blue bars to zoom in  <p>
+                  <p align="center">
+                  <!--<a class="btn btn-xs btn-default" role="button" href="/chart/corpus/{{ corpus.id }}/data.csv">Save</a>-->
+                  <a class="btn btn-xs btn-default" href="javascript:volumeChart.filterAll();dc.redrawAll();">Reset</a></p>
+                  <div class="clearfix"></div>
+                  </center>
+              </div>
+            </div>
+          </div>
 
 <div class="container">
         <!-- (values set by js) caching our DB ids (handy for list update commands) -->

templates/pages/corpora/titles.html

@@ -24,7 +24,10 @@
 
               <div id="monthly-volume-chart"></div>
           </div>
-          <div id="monthly-move-chart">
+        </div>
+        <div class="bs-callout">
+          <div class="row">
+            <div id="monthly-move-chart">
               <center>
                 <p class="help" id="titles_time">Select a time range in the chart with blue bars to zoom in </p>
                 <p align="center">
@@ -33,6 +36,7 @@
                 </p>
                 <div class="clearfix"></div>
               </center>
+            </div>
           </div>
           <div id="content_loader">
                 <br>