excise settings-container and login-container outright. full width babey

app/templates/common/404.html

@@ -1,8 +1,8 @@
 {% extends 'base.html' %}
 {% block title %}not found{% endblock %}
 {% block content %}
-  <div class="darkbg settings-container">
-  	<h1 class="thread-title">404 Not Found</h1>
+  <div class="darkbg">
+  	<h1>404 Not Found</h1>
   	<p>The requested URL does not exist.</p>
   </div>
 {% endblock %}

app/templates/common/413.html

@@ -1,8 +1,8 @@
 {% extends 'base.html' %}
 {% block title %}not found{% endblock %}
 {% block content %}
-  <div class="darkbg settings-container">
-  	<h1 class="thread-title">413 Request Entity Too Large</h1>
+  <div class="darkbg">
+  	<h1>413 Request Entity Too Large</h1>
   	<p>The file(s) you tried to upload are too large.</p>
   </div>
 {% endblock %}

app/templates/guides/_layout.html

@@ -3,7 +3,7 @@
 {% block title %}guide - {{ guide.title }}{% endblock %}
 {% block content %}
 <div class="darkbg" id="top">
-  <h1 class="thread-title">Guide: {{ guide.title }}</h1>
+  <h1>Guide: {{ guide.title }}</h1>
   <ul class="horizontal">
     <li><a href="{{ url_for('guides.category_index', category=category) }}">&uarr; Back to category</a></li>
     {% if prev_guide %}

app/templates/guides/category_index.html

@@ -1,8 +1,8 @@
 {% extends 'base.html' %}
 {% block title %}guides - {{ category | title }}{% endblock %}
 {% block content %}
-<div class="darkbg settings-container">
-  <h1 class="thread-title">All guides in category "{{ category | replace('-', ' ') | title }}"</h1>
+<div class="darkbg">
+  <h1>All guides in category "{{ category | replace('-', ' ') | title }}"</h1>
   <ul>
     {% for page in pages %}
       <li><a href="{{ page.url }}">{{ page.title }}</a></li>

app/templates/guides/contact.html

@@ -1,7 +1,7 @@
 {% extends 'base.html' %}
 {% block title %}contact us{% endblock %}
 {% block content %}
-<div class="darkbg settings-container">
+<div class="darkbg">
   <h1>Contact</h1>
   {% if config.ADMIN_CONTACT_INFO %}
     <p>The administrators of {{ config.SITE_NAME }} provide the following contact information:</p>

app/templates/guides/guides_index.html

@@ -1,8 +1,8 @@
 {% extends 'base.html' %}
 {% block title %}guides{% endblock %}
 {% block content %}
-<div class="darkbg settings-container">
-  <h1 class="thread-title">Guides index</h1>
+<div class="darkbg">
+  <h1>Guides index</h1>
   <ul>
   {% for category in categories %}
     <li>

app/templates/mod/motd.html

@@ -2,7 +2,7 @@
 {% extends 'base.html' %}
 {% block title %}editing MOTD{% endblock %}
 {% block content %}
-<div class="darkbg settings-container">
+<div class="darkbg">
   <h1>Edit Message of the Day</h1>
   <p>The Message of the Day will show up on the main page and in every topic.</p>
   <form method="POST">

app/templates/mod/panel.html

@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% block title %}moderation{% endblock %}
 {% block content %}
-<div class="darkbg settings-container">
+<div class="darkbg">
   <h1>Moderation actions</h1>
   <ul>
     <li><a href="{{ url_for('mod.user_list') }}">User list</a></li>

app/templates/mod/sort-topics.html

@@ -1,6 +1,6 @@
 {% extends "base.html" %}
 {% block content %}
-<div class="darkbg settings-container">
+<div class="darkbg">
   <h1>Change topics order</h1>
   <p>Drag topic titles to reoder them. Press submit when done. The topics will appear to users in the order set here.</p>
   <form method="post" id=topics-container>

app/templates/threads/create.html

@@ -2,7 +2,7 @@
 {% extends "base.html" %}
 {% block title %}drafting a thread{% endblock %}
 {% block content %}
-<div class="darkbg settings-container">
+<div class="darkbg">
   <h1>New thread</h1>
   <form method="post">
     <label for="topic_id">Topic</label>

app/templates/topics/create.html

@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% block title %}creating a topic{% endblock %}
 {% block content %}
-<div class="darkbg settings-container">
+<div class="darkbg">
   <h1>Create topic</h1>
   <form method="post">
     <label for=name>Name</label>

app/templates/topics/edit.html

@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% block title %}creating a topic{% endblock %}
 {% block content %}
-<div class="darkbg settings-container">
+<div class="darkbg">
   <h1>Editing topic {{ topic['name'] }}</h1>
   <form method="post">
     <label for=name>Name</label>

app/templates/users/bookmark_collections.html

@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% block title %}managing bookmark collections{% endblock %}
 {% block content %}
-<div class="darkbg settings-container">
+<div class="darkbg">
   <h1>Manage bookmark collections</h1>
   <p>Drag collections to reoder them. You cannot move or remove the default collection, but you can rename it.</p>
   <div>

app/templates/users/delete_page.html

@@ -1,7 +1,7 @@
 {% extends 'base.html' %}
 {% block title %}delete confirmation{% endblock %}
 {% block content %}
-<div class="darkbg login-container">
+<div class="darkbg">
   <h1>Confirm account deletion</h1>
   <p>Are you sure you want to delete your account on {{ config.SITE_NAME }}? <strong>This action is irreversible.</strong> Your posts and threads will remain accessible to preserve history but will be de-personalized, showing up as authored by a system user. Posts that @mention you will also mention the system user instead.</p>
   <p>If you wish for any and all content relating to you to be removed, you will have to <a href="{{url_for("guides.contact")}}" target="_blank">contact {{ config.SITE_NAME }}'s administrators separately.</a></p>

app/templates/users/log_in.html

@@ -1,7 +1,7 @@
 {% extends 'base.html' %}
 {% block title %}Log in{% endblock %}
 {% block content %}
-<div class="darkbg login-container">
+<div class="darkbg">
   <h1>Log in</h1>
   <form method="post">
     <label for="username">Username</label><br>

app/templates/users/reset_link_login.html

@@ -1,7 +1,7 @@
 {% extends 'base.html' %}
 {% block title %}Reset password{% endblock %}
 {% block content %}
-<div class="darkbg login-container">
+<div class="darkbg">
   <h1>Reset password for {{username}}</h1>
   <p>Send this link to {{username}} to allow them to reset their password.</p>
   <form method="post">

app/templates/users/settings.html

@@ -3,7 +3,7 @@
 {% block title %}settings{% endblock %}
 {% block content %}
 {% set disable_avatar = not is_logged_in() %}
-<div class='darkbg settings-container'>
+<div class='darkbg'>
   <h1>User settings</h1>
   <div class="settings-grid">
     <fieldset class="hfc">

app/templates/users/sign_up.html

@@ -1,7 +1,7 @@
 {% extends 'base.html' %}
 {% block title %}Sign up{% endblock %}
 {% block content %}
-<div class="darkbg login-container">
+<div class="darkbg">
   <h1>Sign up</h1>
   {% if inviter %}
   <p>You have been invited by <a href="{{ url_for('users.page', username=inviter.username) }}">{{ inviter.get_readable_name() }}</a> to join {{ config.SITE_NAME }}. Create an identity below.</p>

data/static/css/style.css

@@ -843,16 +843,6 @@ p {
   display: inline;
 }
 
-.login-container > * {
-  width: 95%;
-  margin: auto;
-}
-
-.settings-container > * {
-  width: 95%;
-  margin: auto;
-}
-
 .avatar-form {
   display: flex;
   flex-direction: column;
@@ -1479,3 +1469,7 @@ a.mention:hover, a.mention:visited:hover {
 .hfc {
   height: fit-content;
 }
+
+h1 {
+  margin: 0;
+}

data/static/css/theme-otomotone.css

@@ -843,16 +843,6 @@ p {
   display: inline;
 }
 
-.login-container > * {
-  width: 95%;
-  margin: auto;
-}
-
-.settings-container > * {
-  width: 95%;
-  margin: auto;
-}
-
 .avatar-form {
   display: flex;
   flex-direction: column;
@@ -1480,6 +1470,10 @@ a.mention:hover, a.mention:visited:hover {
   height: fit-content;
 }
 
+h1 {
+  margin: 0;
+}
+
 #topnav {
   margin-bottom: 10px;
   border: 10px solid rgb(40, 40, 40);

data/static/css/theme-peachy.css

@@ -843,16 +843,6 @@ p {
   display: inline;
 }
 
-.login-container > * {
-  width: 95%;
-  margin: auto;
-}
-
-.settings-container > * {
-  width: 95%;
-  margin: auto;
-}
-
 .avatar-form {
   display: flex;
   flex-direction: column;
@@ -1480,6 +1470,10 @@ a.mention:hover, a.mention:visited:hover {
   height: fit-content;
 }
 
+h1 {
+  margin: 0;
+}
+
 #topnav {
   border-top-left-radius: 16px;
   border-top-right-radius: 16px;

sass/_default.scss

@@ -52,8 +52,6 @@ $BIGGER_PADDING: 30px !default;
 
 $PAGE_SIDE_MARGIN: 100px !default;
 
-$SETTINGS_WIDTH: 95% !default;
-
 // **************
 //     BORDERS
 // **************
@@ -682,18 +680,6 @@ $pagebutton_min_width: $BIG_PADDING !default;
   display: inline;
 }
 
-$login_container_width: $SETTINGS_WIDTH !default;
-.login-container > * {
-  width: $login_container_width;
-  margin: auto;
-}
-
-$settings_container_width: $SETTINGS_WIDTH !default;
-.settings-container > * {
-  width: $settings_container_width;
-  margin: auto;
-}
-
 $avatar_form_padding: $BIG_PADDING $ZERO_PADDING !default;
 .avatar-form {
   display: flex;
@@ -1455,3 +1441,8 @@ $settings_grid_fieldset_border_radius: $DEFAULT_BORDER_RADIUS !default;
 .hfc {
   height: fit-content;
 }
+
+$compact_h1_margin: $ZERO_PADDING !default;
+h1 {
+  margin: $compact_h1_margin;
+}