Refactor styling

functional_test/test_layout_and_styling.py

@@ -10,14 +10,14 @@ class LayoutAndStylingTest(FunctionalTest):
         # She notices the input box is nicely centered
         inputbox = self.browser.find_element_by_id("id_new_item")
         self.assertAlmostEqual(
-            inputbox.location["x"] + inputbox.size["width"] / 2, 754.0, delta=5
+            inputbox.location["x"] + inputbox.size["width"] / 2, 512.5, delta=5
         )
         # She starts a new list and sees the input is nicely
         # centered there too
         inputbox.send_keys("testing\n")
         inputbox = self.browser.find_element_by_id("id_new_item")
         self.assertAlmostEqual(
-            inputbox.location["x"] + inputbox.size["width"] / 2, 754.0, delta=5
+            inputbox.location["x"] + inputbox.size["width"] / 2, 512.5, delta=5
         )
 
 

lists/templates/base.html

@@ -42,7 +42,7 @@
   
           
           <div class="row">
-              <div class="col-md-12 col-md-offset-3">
+              <div class="col-md-6 col-md-offset-3 jumbotron">
                   <div class="text-center">
                       <h1>{% block header_text %}{% endblock %}</h1>
                       <form method="POST" action="{% block form_action %}{% endblock %}">