style fix - nearby

src/app/home/home.page.html

@@ -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);
         }