Remove the pop-up code and UI Custom. Cchange the button to delete

app/templates/home.html

@@ -166,16 +166,6 @@ body{
                             </div>
                         </div>
                     </form>
-                    <form method="POST">
-                        <div class="card-body">
-                            <hr style="border: 3px solid rgb(177, 176, 176); width:327px; border-radius: 5px;"/>
-                            <p><b>Background Colour Customization</b></p><br>
-                            <input type="image" src="static/logo/Background_Colour_Customization_LightBlue_logo.png" alt="LightBlue" id="theme_color" name="theme_color" value="lightblue">
-                            <input type="image" src="static/logo/Background_Colour_Customization_White_logo.png" alt="White" id="theme_color" name="theme_color" value="white">
-                            <input type="image" src="static/logo/Background_Colour_Customization_Black_logo.png" alt="Black" id="theme_color" name="theme_color" value="black">
-                            <p>Current: <b><u>(ColourName)</u></b></p>
-                        </div>
-                    </form>
                   </div>
                 </div>
               </div>
@@ -211,7 +201,7 @@ body{
                                             <a href="{{ bm.link }}" TARGET="_BLANK">
                                             <img src="static/logo/link_logo.png"width="30" height="30">
                                             </a>
-                                            <button type="submit" class="btn btn-primary" data-toggle="modal" data-target="#ModifyBookmark" style="padding: 3px; font-size: 6px; border-width: 3px;"><b>Edit</b></button>
+                                            <button type="submit" class="btn btn-danger" style="padding: 3px; font-size: 6px; border-width: 3px;"><b>Delete</b></button>
                                             <b class="text_border"><i>{{ bm.status }}</i></b>
                                             </li>
                                             </ul>
@@ -231,72 +221,4 @@ body{
         </div>
     </div>
 </div>
-<!-- Modal Popup for Edit Button-->
-{% block modal %}
-<div class="modal" id="ModifyBookmark" tabindex="-1" role="dialog" aria-labelledby="ModifyBookmarkLabel" aria-hidden="true" >
-  <div class="modal-dialog modal-lg" role="document">
-    <div class="modal-content">
-      <div class="modal-body">
-            <div class="row d-flex justify-content-center align-items-center h-100">
-                <div class="row g-0">
-                  <div class="col-md-6 col-lg-5 d-none d-md-block">
-                    <img
-                      src="/static/logo/edit_logo.png"
-                      alt="bookmark_logo"
-                      style="width: 1000px;"
-                    />
-                  </div>
-                  <div class="col-md-6 col-lg-7 d-flex align-items-center">
-                    <div class="card-body p-4 p-lg-5 text-black">
-                        <!--Form-->
-                        <form method="POST" enctype="multipart/form-data">
-                            <div class="d-flex align-items-center mb-3 pb-1" style='position:relative; right:40px'>
-                              <span class="h1 fw-bold mb-0">Modify your bookmark</span>
-                            </div>
-          
-                            <div class="form-outline mb-4" style='position:relative; right:60px'>
-                              <label class="form-label" for="web_link">Website Link</label>
-                              <input type="text" name="web_link" class="form-control form-control-lg" style="width:400px" />
-                            </div>
-          
-                            <div class="form-outline mb-4" style='position:relative; right:60px'>
-                              <label class="form-label" for="web_name">Name  <b>(Up to 12 characters in length)</b></label>
-                              <input type="text" name="web_name" maxlength="12" class="form-control form-control-lg" style="width:400px"/>
-                            </div>
-          
-                            <div class="form-outline mb-4" style='position:relative; right:60px'>
-                                <label class="form-label" for="web_group">Existing Groups  <b>(Up to 12 characters in length)</b></label><br>
-                                <select name="web_group" style="height:47px" required aria-invalid="false"> 
-                                  <option value="cng-555">Create new group:</option>
-                                  {% for bg in bgroups %}
-                                  <option name="web_group" value="{{ bg.group }}">{{ bg.group }}</option>
-                                  {% endfor %}
-                                </select>
-                                <input type="text" name="new_group" maxlength="12" style='position:relative; left:20px; height:47px;' placeholder="Name new group here"/>
-                            </div>  
-                            
-                            <div class="form-outline mb-4" style='position:relative; right:60px'>
-                                <label class="form-label" for="share_public_private">Is this a Public or Private bookmark?</label><br>
-                                <input type="radio" id="share_public_private" name="share_public_private" value="public" checked="checked" style="transform:scale(2);">
-                                <label for="Public">&nbspPublic</label><br>
-                                <input type="radio" id="share_public_private" name="share_public_private" value="private" style="transform:scale(2);">
-                                <label for="Private">&nbspPrivate</label><br>
-                            </div>  
-          
-                            <div class="pt-1 mb-4" style='position:relative; right:60px'>
-                              <button class="btn btn-dark btn-lg btn-block" type="submit" style="width:400px; position:relative; top:-30px; padding-right: 0px;">Modify</button>
-                            </div>
-          
-                          </form>
-                          <!--(End) Form (End)-->
-                    </div>
-                  </div>
-
-              </div>
-            </div>
-          </div>
-    </div>
-  </div>
-</div>
-{% endblock %}
 {% endblock %}