Move container div from base to templates, to allow for varying widths.

drakul/authentication/templates/registration/login.html

@@ -6,6 +6,7 @@
 
 
 {% block content %}
+<div class="container">
     <div class="d-flex justify-content-center align-items-center pt-5">
         <form class="m-auto" method="post" action="{% url 'login' %}">
             {% csrf_token %}
@@ -15,4 +16,5 @@
             <p class="text-center mt-2"><a href="{% url 'signup' %}">Sign Up</a></p>
         </form>
     </div>
+</div>
 {% endblock content %}

drakul/authentication/templates/registration/password_change_form.html

@@ -6,6 +6,7 @@
 
 
 {% block content %}
+<div class="container">
     <div class="d-flex justify-content-center align-items-center mt-5">
         <form class="m-auto" method="post" action="{% url 'password_change' %}">
             <h2>Change Password</h2>
@@ -15,4 +16,5 @@
             <button type="submit" class="btn btn-primary btn-block">Change Password</button>
         </form>
     </div>
+</div>
 {% endblock content %}

drakul/authentication/templates/registration/signup.html

@@ -6,6 +6,7 @@
 
 
 {% block content %}
+<div class="container">
     <div class="d-flex justify-content-center align-items-center pt-5">
         <form class="m-auto" method="post" action="{% url 'signup' %}">
             <h2>Sign Up</h2>
@@ -21,4 +22,5 @@
             <p class="text-center mt-2"><a href="{% url 'login' %}">Log In</a></p>
         </form>
     </div>
+</div>
 {% endblock content %}

drakul/bank/templates/bank/base.html

@@ -4,6 +4,7 @@
 
 
 {% block content %}
+<div class="container">
     <h2>Bank</h2>
     <div class="card">
         <div class="card-header d-flex">
@@ -24,4 +25,5 @@
         {% block bank_footer %}
         {% endblock bank_footer %}
     </div>
+</div>
 {% endblock content %}

drakul/base/static/css/main.css

@@ -1,3 +1,13 @@
+.container {
+	max-width: 1140px;
+}
+
+@media (min-width:1600px) {
+    .container-wide {
+        max-width: 1500px
+    }
+}
+
 /* WoW class-coloured text */
 .color-druid, .color-class-1 {color: #ff7d0a;}
 .color-hunter, .color-class-2 {color: #abd473;}

drakul/base/templates/base.html

@@ -43,10 +43,8 @@
         </header>
 
         <main class="flex-shrink-0" role="main">
-            <div class="container">
             {% block content %}
             {% endblock content %}
-            </div>
         </main>
 
         <footer class="footer mt-auto">

drakul/raids/templates/raids/raid_calendar.html

@@ -4,6 +4,7 @@
 
 
 {% block content %}
+<div class="container">
     <h2>Raids</h2>
     <div class="d-flex justify-content-center mb-1">
         <div class="btn-group" role="group" aria-label="Calendar navigation controls">
@@ -52,4 +53,5 @@
     <div class="d-flex justify-content-end">
         {% if perms.raids.add_raid %}<a class="btn btn-success" role="button" href="{% url 'raid_create' %}">Add New</a>{% endif %}
     </div>
+</div>
 {% endblock content %}

drakul/raids/templates/raids/raid_change.html

@@ -6,13 +6,15 @@
 
 
 {% block content %}
+<div class="container container-wide">
     <div class="card mb-3">
         <h5 class="card-header">Raid Details</h5>
         <div class="card-body">
             {% crispy raid_form %}
         </div>
     </div>
-
+</div>
+<div class="container container-wide">
     <div class="card mb-3">
         <h5 class="card-header">Raid Responses</h5>
         <div class="card-body">
@@ -102,6 +104,7 @@
             </form>
         </div>
     </div>
+</div>
 {% endblock content %}
 
 

drakul/raids/templates/raids/raid_confirm_delete.html

@@ -6,9 +6,11 @@
 
 
 {% block content %}
+<div class="container">
     <form method="post">
         {% csrf_token %}
         <p>Are you sure you want to delete "{{ object }}"?</p>
         <button type="submit" class="btn btn-danger">Confirm</button>
     </form>
+</div>
 {% endblock content %}

drakul/raids/templates/raids/raid_create_form.html

@@ -6,5 +6,7 @@
 
 
 {% block content %}
+<div class="container">
     {% crispy form %}
+</div>
 {% endblock content %}

drakul/raids/templates/raids/raid_detail.html

@@ -134,6 +134,7 @@
             {% endif %}
         </div>
     </div>
+</div>
 {% endblock content %}
 
 

drakul/users/templates/users/attendance.html

@@ -6,6 +6,7 @@
 
 
 {% block content %}
+<div class="container">
     <h2>Attendance</h2>
     <table class="table table-dark table-bordered text-center">
         <thead class="thead-light">
@@ -31,4 +32,5 @@
             {% endfor %}
         </tbody>
     </table>
+</div>
 {% endblock %}