Add left and right margin to center about container (#1275)

* Add left and right margin to center about container

* Add spacing to bottom of page where needed

Author: Nick Flückiger

templates/core/about/badges.html

@@ -5,7 +5,8 @@
 {%- block body -%}
 	<h1>Badges</h1>
 
-	<div class="container about">
+	<div>
+	<div class="container pure-u-5-6 about">
 	<p>
 		You can use badges to show state of your documentation to your users.
 		The default badge will be pointed at the latest version of a crate.
@@ -18,7 +19,7 @@ <h1>Badges</h1>
 		documentation, and red if building documentation failing.
 	</p>
 
-	<p>Example badges for mio crate:</p>
+	<p>Example badges for the mio crate:</p>
 	<table class="pure-table pure-table-horizontal">
 		<thead>
 		<tr>
@@ -50,4 +51,5 @@ <h1>Badges</h1>
 		</tbody>
 	</table>
 	</div>
+	</div>
 {%- endblock body %}

templates/core/about/builds.html

@@ -5,7 +5,8 @@
 {%- block body -%}
     {%- set docsrs_repo = "https://github.com/rust-lang/docs.rs" -%}
     <h1>Builds</h1>
-    <div class="container about">
+    <div>
+    <div class="container pure-u-5-6 about">
     <p>
         Docs.rs automatically builds documentation for crates released on <a href="https://crates.io/">crates.io</a>.
 
@@ -111,6 +112,8 @@ <h4 id="failures-and-rebuilds"> <a href="#failures-and-rebuilds">Other failures
     </p>
 
     </div>
+    <br />
+    </div>
 {%- endblock body %}
 
 {% block css -%}

templates/core/about/index.html

@@ -6,7 +6,8 @@
     {%- set docsrs_repo = "https://github.com/rust-lang/docs.rs" -%}
 
     <h1 id="crate-title">About Docs.rs</h1>
-    <div class="container about">
+    <div>
+    <div class="container pure-u-5-6 about">
         <p>
             Docs.rs is an
             <a href="{{ docsrs_repo | safe }}">open source</a>
@@ -44,4 +45,5 @@ <h3 id="contact"> <a href="#contact">Contact</a> </h3>
         </p>
 
     </div>
+    </div>
 {%- endblock body %}

templates/core/about/metadata.html

@@ -5,7 +5,8 @@
 {%- block body -%}
 	<h1>Metadata for custom builds</h1>
 
-	<div class="container about">
+	<div>
+	<div class="container pure-u-5-6 about">
 	<p>
 		You can customize docs.rs builds by defining <code>[package.metadata.docs.rs]</code>
 		table in your crates' <code>Cargo.toml</code>.
@@ -15,6 +16,7 @@ <h1>Metadata for custom builds</h1>
 
 	<pre><code>{%- include "core/Cargo.toml.example" -%}</code></pre>
 	</div>
+	</div>
 {%- endblock body %}
 
 {% block css -%}

templates/core/about/redirections.html

@@ -4,8 +4,9 @@
 
 {%- block body -%}
     <h1>Shorthand URLs</h1>
-    <div class="container about">
 
+    <div>
+    <div class="container pure-u-5-6 about">
         <p>
             Docs.rs uses semver to parse URLs. You can use this feature to access
             crates' documentation easily. Example of URL redirections for
@@ -61,4 +62,6 @@ <h1>Shorthand URLs</h1>
             </tbody>
         </table>
     </div>
+    <br />
+    </div>
 {%- endblock body %}