Edited aesthetics of edit profile form.

Removed stock images in the media folder.

boodlesite/static/css/styles.css

@@ -393,3 +393,24 @@ nav a {
   margin-top: .5rem;
   margin-bottom: .5rem;
 }
+
+/*===== EDIT PROFILE FORM =====*/
+.edit-profile-container {
+  margin: 0 auto;
+  padding: 1rem;
+}
+
+.profile-form-container{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  padding: 3rem;
+}
+
+.profile-submit-button {
+  border: none;
+  border-radius: 0.5rem;
+  padding: .3rem;
+  background-color: #F9BD82;
+}
\ No newline at end of file

boodlesite/templates/editBoodleUser.html

@@ -9,32 +9,22 @@
 
 {% block content %}
 
-<div class="container">
+<div class="edit-profile-container">
     <h1>{{ title }}</h1>
-    <div class="row">
-        <div class="col-lg-7 col-md-6">ITEM IMAGE CONTAINER
-            <div class="item-image-container"></div>
+    <div class="">
+        <div class="profile-form-container">
+            <div class="">EDIT PROFILE PICTURE
+                <div class="profile-image-container"></div>
             </div>
-        <div class=" col-lg-5 col-md-6">ITEM FORM CONTAINER
-            <div class="item-form-container">
             <form action="" method="POST">
                 {% csrf_token %}
                 {{ form.as_p }}
-                
-            </div>
-                <button type="submit" name="Add Item"> Save Changes </button>
+                <button class="profile-submit-button" type="submit" name="Add Item"> Save Changes </button>
             </form>
         </div>    
+        
     </div>
+        <!--img goes here-->
 </div>
 
-<!-- Form with fields:
-[Item name]
-[Item Description]
-[Floor Price] -->
-
-<!-- Image, if no image add image -->
-
-
-
 {% endblock %}
\ No newline at end of file