style fix - nearby

src/app/home/home.page.html

@@ -63,8 +63,8 @@
         <div class="home_sub_header">
             <span class="floatLeft">Nearby Shopping Centers</span>
             <span class="floatRight">
-                <div class="nearby_icon" (click)="goToPage('nearby')"></div>
-            </span>
+        <div class="nearby_icon" (click)="goToPage('nearby')"></div>
+      </span>
             <div class="clear"></div>
         </div>
         <div class="nearby_shop_list">
@@ -77,8 +77,8 @@
                         <h5>
                             <span class="floatLeft">{{center.centerName}}</span>
                             <span class="floatRight">0
-                                <img src="../assets/Path61_2.png" />
-                            </span>
+                <img src="../assets/Path61_2.png" />
+              </span>
                             <div class="clear"></div>
                         </h5>
                         <p>{{center.description}}</p>
@@ -105,8 +105,8 @@
 <div *ngIf="isShow" [@slideInOut]>
     <div class="nav_header">
         <button class="nav_btn nav_back floatLeft" (click)="istoggle()">
-            <img src="../assets/Group17_2.png" />
-        </button>
+      <img src="../assets/Group17_2.png" />
+    </button>
         <div class="nav_title floatLeft">
             <h4>CHANGE LOCATION</h4>
         </div>
@@ -117,11 +117,10 @@
             <agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
         </agm-map>
         <div class="add_address_wrapper">
-            <h5>
-                <span class="floatLeft">NEW ADDRESS</span>
-                <span class="floatRight" (click)="istoggle(); goToPage('nearby')">ADD NEW</span>
-                <div class="clear"></div>
-            </h5>
+            <div class="add-address-c">
+                <span>NEW ADDRESS</span>
+                <span (click)="istoggle(); goToPage('nearby')">ADD NEW</span>
+            </div>
             <ul class="address-ul" *ngIf="addressService.addressList && addressService.addressList.length > 0">
                 <li *ngFor="let address of addressService.addressList; let i = index">
                     <div class="floatLeft">

src/app/home/home.page.scss

@@ -265,6 +265,8 @@
     bottom: 0px;
     left: 0px;
     right: 0px;
+    overflow: scroll;
+    top: 40%;
     padding: 20px 20px 50px 20px;
     border-top-left-radius: 15px;
     border-top-right-radius: 15px;
@@ -278,6 +280,17 @@
         padding: 0px;
         font-weight: 800;
     }
+    .add-address-c {
+        display: flex;
+        justify-content: space-between;
+        width: 100%;
+        span {
+            color: rgba(41, 40, 91, 1);
+            margin: 0px;
+            padding: 0px;
+            font-weight: 800;
+        }
+    }
     .styled-checkbox {
         position: absolute; // take it out of document flow
         opacity: 0; // hide it

src/app/nearby/nearby.page.scss

@@ -55,7 +55,7 @@
         padding-right: 10px;
         margin-bottom: 20px;
         outline: none;
-        transition: all .4s ease-in-out;
+        transition: all 0.4s ease-in-out;
         &::placeholder {
             color: rgba(215, 213, 228, 1);
         }