changeaddress

src/app/changeaddress/changeaddress.page.html

@@ -19,9 +19,12 @@
 </ion-header>
 <ion-content>
     <div class="nearby_map">
-        <agm-map [latitude]="latitude" [longitude]="longitude" [zoom]="8" [backgroundColor]="'rgba(29, 27, 130,0.2)'">
-            <agm-marker [latitude]="latitude" [longitude]="longitude" [markerDraggable]="true" (dragEnd)="markerDragEnd($event)"></agm-marker>
-        </agm-map>
+        <div class="map-inner">
+            <agm-map [latitude]="latitude" [longitude]="longitude" [zoom]="8" [backgroundColor]="'rgba(29, 27, 130,0.2)'">
+                <agm-marker [markerDraggable]="true" (dragEnd)="markerDragEnd($event)"></agm-marker>
+            </agm-map>
+            <span class="map-pin"><img src="../../assets/pin.svg" alt=""></span>
+        </div>
         <form (ngSubmit)="onSubmit(addressForm.value); addressForm.reset()" #addressForm="ngForm" method="post" class="form-horizontal">
             <div class="add_address_wrapper">
                 <h5>DELIVERY</h5>

src/app/changeaddress/changeaddress.page.scss

 .nearby_map {
     width: 100%;
     height: 100vh;
+    .map-inner {
+        height: calc(100% - 348px);
+        position: relative;
+        .map-pin {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            -webkit-transform: translate(-50%, -50%);
+            transform: translate(-50%, -50%);
+            width: 20px;
+            img {
+                margin-top: -23px;
+            }
+        }
+    }
     .overlay {
         position: absolute;
         top: 0px;
@@ -111,4 +126,24 @@
         box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
         transform: rotate(45deg);
     }
+}
+
+@media only screen and (max-width: 350px) {
+    .nearby_map {
+        .add_address_wrapper {
+            padding: 10px 20px !important;
+            p {
+                margin: 2px 0;
+            }
+            input {
+                margin-bottom: 5px;
+            }
+            h6 {
+                margin: 0;
+            }
+        }
+        .map-inner {
+            height: calc(100% - 235px);
+        }
+    }
 }
\ No newline at end of file

src/config/auth.service.ts

@@ -373,11 +373,6 @@ export class AuthService {
   }
 
   resend() {
-    this.service.showToast(
-      'OTP sent successfully',
-      'top',
-      'my-toast',
-      1000
-    );
+    this.service.showToast('OTP sent successfully', 'top', 'my-toast', 1000);
   }
 }