fixed row styling

SumitMahar · Jul 25, 2021 · 5cde684 · 5cde684
1 parent fdf47df
commit 5cde684
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 28 deletions.
diff --git a/templates/registration/password_change_done.html b/templates/registration/password_change_done.html
@@ -5,14 +5,18 @@
 {% block content %}
 <div class="container my-5">
     <div class="row">
-        <div class="col"></div>
-        <div class="card shadow">
-            <div class="card-body m-4">
-                <h1 class="text-success">Password Change Successful</h1>
-                <p>Your password was changed.</p>
+        <div class="col-md-4"></div>
+
+        <div class="col-md-4">
+            <div class="card shadow">
+                <div class="card-body m-4">
+                    <h1 class="text-success">Password Change Successful</h1>
+                    <p>Your password was changed.</p>
+                </div>
             </div>
         </div>
-        <div class="col"></div>
+
+        <div class="col-md-4"></div>
     </div>
 </div>
 

diff --git a/templates/registration/password_change_form.html b/templates/registration/password_change_form.html
@@ -7,21 +7,24 @@
 
 <!-- Content block -->
 {% block content %}
-<div class="containver my-5">
+<div class="container my-5">
 
     <div class="row">
-        <div class="col"></div>
-        <div class="col card shadow">
-            <div class="card-body">
-                <form action="" method="post">
-                    {% csrf_token %}
-                    {{ form|crispy }}
-                    <input class='btn btn-outline-success mt-2' type="submit" value="Change Password">
-                </form>
+        <div class="col-md-4"></div>
+        <div class="col-md-4">
+            <div class="card shadow">
+                <div class="card-body">
+                    <form action="" method="post">
+                        {% csrf_token %}
+                        {{ form|crispy }}
+                        <input class='btn btn-outline-success mt-2' type="submit" value="Change Password">
+                    </form>
+                </div>
             </div>
         </div>
 
-        <div class="col"></div>
+
+        <div class="col-md-4"></div>
     </div>
 
 </div>

diff --git a/templates/registration/password_reset_form.html b/templates/registration/password_reset_form.html
@@ -6,22 +6,23 @@
 {% block content %}
 
 <div class="container my-5">
-
     <div class="row">
-        <div class="col"></div>
-
-        <div class="col p-4 shadow" style="max-width: max-content;">
-            <h2>Forgot your Password?</h2>
-            <p>Enter your email address below, and we will email instructions for setting a new one.</p>
+        <div class="col-md-4"></div>
+        <div class="col-md-4">
+            <div class="p-4 shadow" style="max-width: max-content;">
+                <h2>Forgot your Password?</h2>
+                <p>Enter your email address below, and we will email instructions for setting a new one.</p>
+
+                <form action="" method="post">
+                    {% csrf_token %}
+                    {{ form|crispy }}
+                    <input class="btn btn-outline-success mt-2" type="submit" value="Request Password Reset">
+                </form>
+            </div>
 
-            <form action="" method="post">
-                {% csrf_token %}
-                {{ form|crispy }}
-                <input class="btn btn-outline-success mt-2" type="submit" value="Request Password Reset">
-            </form>
         </div>
 
-        <div class="col"></div>
+        <div class="col-md-4"></div>
     </div>