feat(templates): Add content container class for improved layout consistency

atlas/templates/atlas/case_view.html

@@ -1,6 +1,7 @@
 {% extends 'atlas/base.html' %}
 
 {% load render_table from django_tables2 %}
+{% block content_container_class %}container-fluid content-wide px-3{% endblock %}
 {% block css %}
 {% endblock %}
 

atlas/templates/atlas/collection_view.html

@@ -1,6 +1,7 @@
 {% extends 'atlas/base.html' %}
 
 {% load render_table from django_tables2 %}
+{% block content_container_class %}container-fluid content-wide px-3{% endblock %}
 
 {% block content %}
 

atlas/templates/atlas/resource_list.html

@@ -1,5 +1,6 @@
 {% extends 'atlas/base.html' %}
 {% load render_table from django_tables2 %}
+{% block content_container_class %}container-fluid content-wide px-3{% endblock %}
 {% block content %}
 
     <h2>Resources</h2>

atlas/templates/atlas/schema_table_view.html

@@ -1,6 +1,7 @@
 {% extends 'atlas/base.html' %}
 
 {% load render_table from django_tables2 %}
+{% block content_container_class %}container-fluid content-wide px-3{% endblock %}
 {% block css %}
 {% endblock %}
 

atlas/templates/atlas/series_view.html

@@ -1,6 +1,7 @@
 {% extends 'atlas/base.html' %}
 
 {% load render_table from django_tables2 %}
+{% block content_container_class %}container-fluid content-wide px-3{% endblock %}
 
 {% block content %}
 

atlas/templates/atlas/task_overview.html

@@ -2,6 +2,8 @@
 {% load static %}
 {% load django_htmx %}
 
+{% block content_container_class %}container-fluid content-wide px-3{% endblock %}
+
 {% block title %}
 Atlas Task Overview
 {% endblock title %}

atlas/templates/atlas/uploads_hash_search.html

@@ -1,5 +1,7 @@
 {% extends 'atlas/base.html' %}
 
+{% block content_container_class %}container-fluid content-wide px-3{% endblock %}
+
 {% block content %}
     <h2>Search Uploaded And Imported DICOMs</h2>
     <p class="text-muted">Admin-only tool for searching pending uploads and imported Atlas data by hash, series UID, or study UID.</p>

atlas/templates/atlas/view.html

@@ -1,6 +1,7 @@
 {% extends 'atlas/base.html' %}
 
 {% load render_table from django_tables2 %}
+{% block content_container_class %}container-fluid content-wide px-3{% endblock %}
 {% block css %}
 {% endblock %}
 

generic/templates/generic/cid_view.html

@@ -2,6 +2,7 @@
 
 {% load crispy_forms_tags %}
 {% load render_table from django_tables2 %}
+{% block content_container_class %}container-fluid content-wide px-3{% endblock %}
 {% block css %}
 {% endblock %}
 

generic/templates/generic/user_view.html

@@ -2,6 +2,7 @@
 
 {% load crispy_forms_tags %}
 {% load render_table from django_tables2 %}
+{% block content_container_class %}container-fluid content-wide px-3{% endblock %}
 {% block css %}
 {% endblock %}
 

templates/base.html

@@ -127,8 +127,16 @@
                 max-width: 100%;
             }
 
-            div.content.container {
-                max-width: 100%;
+            .content.content-read {
+                max-width: 1280px;
+                margin-left: auto;
+                margin-right: auto;
+            }
+
+            .content.content-wide {
+                max-width: min(98vw, 2200px);
+                margin-left: auto;
+                margin-right: auto;
             }
 
             @media (max-width: 1210px) {
@@ -138,10 +146,9 @@
                     padding-right: .5rem !important;
                 }
 
-                div.content.container {
+                .content {
                     padding-left: .5rem !important;
                     padding-right: .5rem !important;
-                    max-width: 100% !important;
                 }
             }
 
@@ -152,7 +159,7 @@
                     padding-right: .75rem !important;
                 }
 
-                div.content.container {
+                .content {
                     padding-left: .75rem !important;
                     padding-right: .75rem !important;
                 }
@@ -358,7 +365,7 @@
                 </div>
             </div>
         </nav>
-        <div class="content container">
+        <div class="content {% block content_container_class %}container content-read{% endblock %}">
             {% block navigation %}
             {% endblock %}
             <div class="row clear-both">

templates/question_table_view.html

@@ -3,6 +3,8 @@
 {% load crispy_forms_tags %}
 {% load render_table from django_tables2 %}
 
+{% block content_container_class %}container-fluid content-wide px-3{% endblock %}
+
 {% block content %}
 
     <div class="row mb-3">