Move some structure to child files, allows more flexibility

templates/add_quote.html

@@ -1,5 +1,6 @@
 {% extends "layout.html" %}
 {% block body %}
+<div class="container">
 <h1> Add new Quote </h1>
 <form method="post">
   <div class="form-group">
@@ -24,4 +25,5 @@
   </div>
 
 </form>
+</div>
 {% endblock %}

templates/index.html

@@ -1,8 +1,10 @@
 {% extends "layout.html" %}
 {% block body %}
+<div class="container">
 <div class="jumbotron">
   <h1>Clockwork Quotes Database</h1>
   <p><a class="btn btn-lg btn-success" href="/quotes" role="button">View Quotes</a></p>
   <p><a class="btn btn-lg btn-info" href="/addquote" role="button">Add a Quote</a></p>
 </div>
+</div>
 {% endblock %}

templates/layout.html

@@ -54,8 +54,10 @@
     {% endfor %}
   {% endif %}
   {% endwith %}
+  </div>
   {% block body %}{% endblock %}
 
+  <div class="container">
   <footer class="footer">
     <p>&copy; Adam Dodman 2017</p>
   </footer>

templates/login.html

@@ -1,5 +1,6 @@
 {% extends "layout.html" %}
 {% block body %}
+<div class="container">
 <form  method="post" role="form" data-toggle="validator">
   <div class="form-group has-feedback">
     <label class="control-label col-sm-4" for="username">Username:</label>
@@ -21,6 +22,7 @@
     </div>
   </div>
 </form>
+</div>
 
 
 {% endblock %}

templates/passwd_reset.html

@@ -1,5 +1,6 @@
 {% extends "layout.html" %}
 {% block body %}
+<div class="container">
 <h1> Password Reset: </h1>
 <form  method="post" role="form" data-toggle="validator">
   <div class="form-group">
@@ -29,6 +30,6 @@
     </div>
   </div>
 </form>
-
+</div>
 
 {% endblock %}

templates/quote_view.html

@@ -17,34 +17,38 @@
 {% endblock %}
 
 {% block body %}
-  <div class="table-responsive">
-    <table class="table table-hover table-bordered" id="QuoteTable">
-      <thead>
-        <tr>
-          <th>Date Added</th>
-          <th>User</th>
-          <th>Quote</th>
-          <th>Context</th>
-          {% if data[1] %}
-          <th>Added By:</th>
-          <th><span class="glyphicon glyphicon-trash"></span></th>
-          {% endif %}
-        </tr>
-      </thead>
-      <tbody>
-  {% for entry in data[0] %}
-        <tr>
-          <td><a href="/">{{ entry[2] }}</a></td>
-          <td>{{ uid_to_user(entry[3]) }}</td>
-          <td>{{ entry[1] }}</td>
-          <td>{{ entry[4] }}</td>
-          {% if data[1] %}
-          <td>{{ uid_to_user(entry[5]) }}</td>
-          <td><a href="/deletequote?id={{ entry[0] }}" class="btn btn-danger"role="button" ><span class="glyphicon glyphicon-trash"></span></a></td>
-          {% endif %}
-        </tr>
-  {% endfor %}
-      </tbody>
-    </table>
+<div class="container-fluid">
+  <div class="col-md-12">
+    <div class="table-responsive">
+      <table class="table table-hover table-bordered" id="QuoteTable">
+        <thead>
+          <tr>
+            <th>Date Added</th>
+            <th>User</th>
+            <th>Quote</th>
+            <th>Context</th>
+            {% if data[1] %}
+            <th>Added By:</th>
+            <th><span class="glyphicon glyphicon-trash"></span></th>
+            {% endif %}
+          </tr>
+        </thead>
+        <tbody>
+    {% for entry in data[0] %}
+          <tr>
+            <td><a href="/">{{ entry[2] }}</a></td>
+            <td>{{ uid_to_user(entry[3]) }}</td>
+            <td>{{ entry[1] }}</td>
+            <td>{{ entry[4] }}</td>
+            {% if data[1] %}
+            <td>{{ uid_to_user(entry[5]) }}</td>
+            <td><a href="/deletequote?id={{ entry[0] }}" class="btn btn-danger"role="button" ><span class="glyphicon glyphicon-trash"></span></a></td>
+            {% endif %}
+          </tr>
+    {% endfor %}
+        </tbody>
+      </table>
+    </div>
   </div>
+</div>
 {% endblock %}