change some button styling

src/pages/profile_page.html

@@ -25,12 +25,15 @@
         id="current_password"
         placeholder="Current Password"
     />
+    <br />
     <input type="password" id="new_password" placeholder="New Password" />
+    <br />
     <input
         type="password"
         id="new_password_repeat"
         placeholder="New Password(repeat)"
     />
+    <br />
     <button id="final_change_password_button">Change Password</button>
 </div>
 

static/error/error.css

@@ -21,6 +21,7 @@
     color: black !important;
     font-weight: normal !important;
     border: none;
+    width: fit-content !important;
 }
 
 .close_error_button:hover {

static/profile_page.css

@@ -83,6 +83,8 @@
     border-radius: 50%;
     border: none;
     padding: 6px;
+
+    width: fit-content !important;
 }
 
 #edit_picture_button:hover {
@@ -90,8 +92,8 @@
 }
 
 #edit_picture_image {
-    width: 20px;
+    width: 20px !important;
-    height: 20px;
+    height: 20px !important;
 }
 
 #picture_holder {

static/style.css

@@ -32,6 +32,7 @@ button {
     border-radius: 6px;
     cursor: pointer;
     font-weight: bold;
+    width: 100%;
 }
 
 button:hover {