[CSS] Chart centered.

templates/pages/corpora/titles.html

@@ -19,42 +19,32 @@
 {% block content %}
 
 <div class="container">
-        <div>
-            <div class="col-md-4">
-                <div class="col-md-4">
-                    <div id="monthly-move-chart">
-                        <center>
-                                Select a time range 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>
-
-                            <div class="clearfix"></div>
-                        </center>
-                    </div>
-                </div>
-                <div class="col-md-4"></div>
-            </div>
+    <div class="col-md-3 col-md-offset-2">
+        <div id="monthly-move-chart">
+            <center>
+                    Select a time range 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>
+
+                <div class="clearfix"></div>
+            </center>
         </div>
+    </div>
 </div>
 
 <div class="container">
-        <div>
-            <div class="col-md-4">
-                    <div class="col-md-4">
-                        <div id="monthly-volume-chart"></div>
-
-                        <div id="content_loader">
-                              <br>
-                              <center>
-                                <img width="10%" src="{% static "img/ajax-loader.gif"%}"></img>
-                              </center>
-                              <br>
-                        </div>
-                    </div>
-                <div class="col-md-4"></div>
-            </div>
+    <div class="col-md-3 col-md-offset-2">
+        <div id="monthly-volume-chart"></div>
+
+        <div id="content_loader">
+              <br>
+              <center>
+                <img width="10%" src="{% static "img/ajax-loader.gif"%}"></img>
+              </center>
+              <br>
         </div>
+    </div>
 </div>