change form width for better mobile styling

peach-web/static/css/peachcloud.css

@@ -15,6 +15,7 @@
  * - HTML
  * - FLASH MESSAGE
  * - FONTS
+ * - FORMS
  * - ICONS
  * - INPUTS
  * - LABELS
@@ -596,6 +597,20 @@ html {
     color: var(--danger);
 }
 
+/*
+ * FORMS
+ */
+
+form {
+    width: 90%;
+}
+
+@media only screen and (min-width: 600px) {
+    form {
+        width: 100%;
+    }
+}
+
 /*
  * ICONS
  */

peach-web/templates/settings/admin/change_password.html.tera

@@ -2,7 +2,6 @@
 {%- block card %}
       <!-- CHANGE PASSWORD FORM -->
       <div class="card center">
-        <div class="form-container">
         <form id="changePassword" action="/settings/admin/change_password" method="post">
           <!-- input for current password -->
           <input id="currentPassword" class="center input" name="current_password" type="password" placeholder="Current password" title="Current password" autofocus>
@@ -18,5 +17,4 @@
         <!-- FLASH MESSAGE -->
         {% include "snippets/flash_message" %}
       </div>
-      </div>
 {%- endblock card -%}