add address

package.json

@@ -39,18 +39,19 @@
     "cordova-android": "8.0.0",
     "cordova-plugin-device": "^2.0.3",
     "cordova-plugin-geolocation": "^4.0.2",
-    "cordova-plugin-googleplus": "^8.2.1",
+    "cordova-plugin-googleplus": "^8.4.0",
     "cordova-plugin-ionic-keyboard": "^2.2.0",
     "cordova-plugin-ionic-webview": "^4.1.3",
     "cordova-plugin-nativegeocoder": "^3.2.2",
     "cordova-plugin-splashscreen": "^5.0.3",
     "cordova-plugin-statusbar": "^2.4.3",
     "cordova-plugin-whitelist": "^1.3.4",
-    "cordova-plugin-x-socialsharing": "^5.6.3",
+    "cordova-plugin-x-socialsharing": "^5.6.4",
     "cordova-sqlite-storage": "^3.4.1",
     "core-js": "^2.6.11",
     "es6-promise-plugin": "^4.2.2",
     "firebase": "^6.6.2",
+    "mx.ferreyra.callnumber": "0.0.2",
     "rxjs": "^6.5.4",
     "rxjs-compat": "^6.5.4",
     "tslib": "^1.9.0",
@@ -105,7 +106,8 @@
       "cordova-plugin-x-socialsharing": {
         "ANDROID_SUPPORT_V4_VERSION": "24.1.1+"
       },
-      "mx.ferreyra.callnumber": {}
+      "mx.ferreyra.callnumber": {},
+      "call-number": {}
     },
     "platforms": [
       "android"

src/app/home/home.page.html

@@ -117,10 +117,11 @@
             <agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
         </agm-map>
         <div class="add_address_wrapper">
-            <div class="add-address-c">
-                <span>NEW ADDRESS</span>
-                <span (click)="istoggle(); goToPage('nearby')">ADD NEW</span>
-            </div>
+            <h5 class="floatLeft">NEW ADDRESS</h5>
+            <h5 class="floatRight" (click)="istoggle(); goToPage('nearby')">
+                ADD NEW
+            </h5>
+            <div class="clear"></div>
             <div>
                 <ul class="address-ul" *ngIf="addressService.addressList && addressService.addressList.length > 0">
                     <li *ngFor="let address of addressService.addressList; let i = index">

src/app/nearby/nearby.page.scss

-    .nearby_map {
+.nearby_map {
     width: 100%;
     height: 100%;
     .overlay {
@@ -130,4 +130,4 @@
             transform: rotate(45deg);
         }
     }
-    }
\ No newline at end of file
+}
\ No newline at end of file

src/app/preference/preference.page.html

@@ -12,38 +12,28 @@
     <div class="preference-wrapper">
         <div class="pref-wrap-two">
             <ion-grid>
-        <ion-row
-          *ngIf="categoriesService.activecategories && categoriesService.activecategories.length > 0"
-        >
-          <ion-col
-            size="6"
-            *ngFor="let categories of categoriesService.categories"
-          >
+                <ion-row *ngIf="categoriesService.activecategories && categoriesService.activecategories.length > 0">
+                    <ion-col size="6" *ngFor="let categories of categoriesService.categories">
                         <div class="preference-box">
-              <input
-                type="checkbox"
-                class="preference"
-                (click)="selectPrefernce(categories.catId)"
-                [checked]="selectedPref(categories.catId)"
-              />
-              <img
-                [src]="categories.catImage"
-                onerror="this.src='../assets/handsome-man-outdoors-drinking-coffee-with-sunglasses-guy-with-beard-instagram-effect_1212-818@3x.png'"
-              />
+                            <input type="checkbox" class="preference" (click)="selectPrefernce(categories.catId)" [checked]="selectedPref(categories.catId)" />
+                            <img [src]="categories.catImage" onerror="this.src='../assets/handsome-man-outdoors-drinking-coffee-with-sunglasses-guy-with-beard-instagram-effect_1212-818@3x.png'" />
                             <h1>{{categories.catName}}</h1>
                         </div>
                     </ion-col>
                 </ion-row>
             </ion-grid>
         </div>
+    </div>
+</ion-content>
+
+<ion-footer>
     <div class="bottom-button">
         <button class="show-btn" (click)="onSubmit()">
       Continue
     </button>
         <!-- <span>SKIP</span> -->
     </div>
-  </div>
-</ion-content>
+</ion-footer>
 <div class="loader" *ngIf="loader">
     <div class="lds-ripple">
         <div></div>

src/app/preference/preference.page.scss

 .preference-wrapper {
     padding: 20px 20px 110px 20px;
-    .bottom-button {
-        position: fixed;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        background-color: #fff;
-        padding: 20px;
-        text-align: center;
-        z-index: 2;
-        button {
-            width: 100%;
-            background-color: #29285b;
-            color: #fff;
-            border-radius: 8px;
-            height: 45px;
-            font-size: 16px;
-            text-transform: uppercase;
-        }
-        span {
-            text-transform: uppercase;
-            font-size: 16px;
-            text-align: center;
-            margin-top: 10px;
-            display: inline-block;
-            font-weight: 600;
-        }
-    }
     .pref-wrap-two {
         .preference-box {
             width: 100%;
@@ -90,3 +63,31 @@
         }
     }
 }
+
+.bottom-button {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background-color: #fff;
+    padding: 20px;
+    text-align: center;
+    z-index: 9;
+    button {
+        width: 100%;
+        background-color: #29285b;
+        color: #fff;
+        border-radius: 8px;
+        height: 45px;
+        font-size: 16px;
+        text-transform: uppercase;
+    }
+    span {
+        text-transform: uppercase;
+        font-size: 16px;
+        text-align: center;
+        margin-top: 10px;
+        display: inline-block;
+        font-weight: 600;
+    }
+}
\ No newline at end of file

src/global.scss

@@ -62,7 +62,7 @@
 --------------------------------*/
 
 @import url('https://fonts.googleapis.com/css?family=Abel&display=swap');
-@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
+@import url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css');
 * {
     font-family: 'Abel', sans-serif;
     -webkit-font-smoothing: antialiased;