[CSS] Charts centered for each page.

templates/pages/corpora/journals.html

@@ -18,21 +18,19 @@
 {% block content %}
 
 <div class="container">
-    <div>
-        <div class="row">
-            <div id="monthly-move-chart">
-                <center>
-                    Select a frequency group in the chart with blue bars to zoom in
-                <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 journal
-                    <b>y</b>: number of journals with that amount
-                </p> -->
-                <div class="clearfix"></div>
-                </center>
-            </div>
+    <div class="col-md-3 col-md-offset-2">
+        <div id="monthly-move-chart">
+            <center>
+                Select a frequency group in the chart with blue bars to zoom in
+            <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 journal
+                <b>y</b>: number of journals with that amount
+            </p> -->
+            <div class="clearfix"></div>
+            </center>
         </div>
         
         <div class="row">
@@ -46,7 +44,13 @@
           </center>
           <br>
         </div>
+    </div>
+</div>
+
+
 
+
+<div class="container">
         <div class="jumbotron">
             <div class="row">
                 <div class="panel panel-default">

templates/pages/corpora/terms.html

@@ -18,8 +18,7 @@
 {% block content %}
 
 <div class="container">
-    <div>
-        <div class="row">
+    <div class="col-md-3 col-md-offset-2">
             <div id="monthly-move-chart">
                 <center>
                         Select a score/frequency range in the chart with blue bars to zoom in
@@ -29,10 +28,11 @@
                 <div class="clearfix"></div>
                 </center>
             </div>
-        </div>
+        
         <div class="row">
             <div id="monthly-volume-chart"></div>
         </div>
+        
         <div id="content_loader">
           <br>
           <center>
@@ -40,7 +40,10 @@
           </center>
           <br>
         </div>
+    </div>
+</div>
 
+<div class="container">
         <!-- (values set by js) caching our DB ids (handy for list update commands) -->
         <input type="hidden" id="mainlist_id" value=""></input>
         <input type="hidden" id="maplist_id" value=""></input>