Cleaned up some styles and markup

Author: CodeConfidant

app/static/styles/flask-auth.css

@@ -16,18 +16,12 @@ header {
     text-align: center;
 }
 
-h1, h2, h3, p, label {
+h1, h2, h3, p, label, li {
     color: whitesmoke;
 }
 
-form {
-    width: 100%;
-    height: auto;
-    padding: 1%;
-    margin: 0%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
+ol {
+    list-style-type: none;
 }
 
 a {
@@ -53,28 +47,26 @@ input {
     font-size: 1rem;
 }
 
-a:hover {
+a:hover, input:hover {
     color: dodgerblue;
 }
 
-input:hover {
-    color: dodgerblue;
+form {
+    display: flex;
+    flex-direction: column;
+    flex-wrap: wrap;
+    align-items: center;
 }
 
 .box {
     opacity: 70%;
     padding: 1%;
     height: auto;
-    margin: 0%;
-    display: inline-block;
-    text-align: center;
-    border-top: transparent;
-    border-left: transparent;
-    border-right: transparent;
-    border-bottom: transparent;
-    border-radius: 15px;
-    border-width: thin;
+    margin: auto;
+    display: block;
     width: 100%;
+    border: transparent;
+    text-align: center;
 }
 
 .title {

app/templates/account.html

@@ -3,24 +3,25 @@
 {% block content %}
     <div class="box">
         <h1>Account Info</h1>
-        <p>Username: {{ username }}</p>
-        <p>Email: {{ email }}</p>
-        <p>Type: {{ type }}</p>
+        <ol>
+            <li><strong>Username: </strong>{{ username }}</li>
+            <li><strong>Email: </strong>{{ email }}</li>
+            <li><strong>Type: </strong>{{ type }}</li>
+        </ol>
         <form action="{{ url_for('del_user') }}" method="POST">
             <input type="hidden" id="username" name="username" value="{{ username }}">
             <input type="submit" value="Delete Account">
         </form>
-
-        <h2>Change Username</h2>
+   
         <form action="{{ url_for('change_username') }}" method="POST" accept-charset="UTF-8" autocomplete="off" autofocus="off" enctype="multipart/form-data">
+            <h2>Change Username</h2><br/>
             <input type="hidden" id="username" name="username" value="{{ username }}" required/></br>
             <label for="new_username">New Username</label>
             <input type="text" id="new_username" name="new_username" size="32" minlength="8" maxlength="32" required/></br>
             <input type="submit" value="Submit"/>
         </form>
-
-        <h2>Change Password</h2>
         <form action="{{ url_for('change_password') }}" method="POST" accept-charset="UTF-8" autocomplete="off" autofocus="off" enctype="multipart/form-data">
+            <h2>Change Password</h2><br/>
             <input type="hidden" id="username" name="username" value="{{ username }}" required/></br>
             <label for="password">Password</label>
             <input type="password" id="password" name="password" size="32" minlength="8" maxlength="32" required/></br>