Fixed home page location of the icon_name_link_button in bookmarks

app/templates/home.html

@@ -172,8 +172,9 @@ body{
                         <div class="card-body">
                             <hr style="border: 1px solid rgb(177, 176, 176);"/>
                             <p><b>Background Colour Customization</b></p><br>
-                            <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="white" id="theme_color" name="theme_color" value="black">
+                            <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">
                         </div>
                     </form>
                   </div>
@@ -194,28 +195,34 @@ body{
                     <div class="row ">
                         <!-- Code: Each Group of Box-->
                         {% for bg, bml in bdic.items(): %}
-                <div class="col-md-5 bookmark_box_background_color list_li_height" style="left:59.5px">
-
-                    <div class="inner_box" >
-                        <h3>{{ bg }}</h3>
-                        <hr>
-                        <!-- Code: Each Link in the Box-->
-                        {% for bm in bml: %}
-                        <ul class="list">
-                            <li><span class="bull">(ICON)  {{ bm.name }} <b class="text_border"><i>{{ bm.status }}</i></b></span></li>
-                            <li class="href_link_button">
-                                <a href="{{ bm.link }}">
-                                    <img src="static/logo/link_logo.png"width="25" height="25">
-                                </a>
-                                <button type="submit">Edit</button>
-                            </li>
-                        </ul>
-                        {% endfor %}
-                        <!-- (End) Code: Each Link in the Box (End)-->
-                        <br>
-                    </div>
-
-                </div>
+                        <div class="col-md-6 bookmark_box_background_color list_li_height" >
+                            <div class="inner_box">
+                                <h3>{{ bg }}</h3>
+                                <hr>
+                                <!-- Code: Each Link in the Box-->
+                                {% for bm in bml: %}
+                                <div class="row">
+                                    <div class="col">
+                                        <ul class="list">
+                                            <li><span class="bull">(ICON)</span></li>
+                                            <li><span class="bull">{{ bm.name }}</span></li>
+                                            </div>
+                                            <div class="col">
+                                            <li class="href_link_button">
+                                                <a href="{{ bm.link }}">
+                                                    <img src="static/logo/link_logo.png"width="25" height="25">
+                                                </a>
+                                                <button type="submit">Edit</button>
+                                                <b class="text_border"><i>{{ bm.status }}</i></b></span></li>
+                                            </li>
+                                            </div>
+                                        </ul>
+                                {% endfor %}
+                               </div>
+                                <!-- (End) Code: Each Link in the Box (End)-->
+                                <br>
+                            </div>
+                        </div>
                 <!--(End) Code: Each Group of Box (End)-->
                 {% endfor %}
                 <div class="clearfix"></div>