save

src/app/modals/profile/edit-profile/edit-profile.page.scss

@@ -1,5 +1,5 @@
 .btn-close{
-    padding: 20px 20px;
+    //padding: 20px 20px;
     justify-content: center;
     align-items: center;
     float: right;
@@ -7,61 +7,82 @@
 
 .profile-content{
   width: 100% !important;
-  padding: 0px 20px;
+  padding: 20px 20px;
   float: left;
+
+  .profile-title{
+    font-size: 25px;
+    font-weight: 300;
+    margin-bottom: 20px;
+  }
+  .profile-info{
+    margin-top: 20px;
+    color: #fff;
+    font-family: Roboto;
+    font-size: 13px;
+
+    .user-role{
+        background-color: white;
+        border-radius: 5px;
+        padding: 12px;
+        color: black;
+        text-align: center;
+        margin-bottom: 5px;
+    }
+
+    .container-div{
+      margin-bottom: 5px;
+      float: left;
+      overflow: hidden;
+
+      .ion-item-class-2{
+        margin: 0px auto;
+      }
+      .ion-icon-class{
+        color: #ebebeb;
+        width: 40px;
+        height: 40px;
+        float: left;
+        padding: 5px;
+        font-size: 25px;
+      }
+      .ion-input-class{
+        width: calc(100% - 40px);
+        height: 40px;
+        border: 1px solid #ebebeb;
+        border-radius: 5px;
+        padding-left: 5px;
+        padding-right: 10px;
+        float: left;
+        background-color: transparent;
+      }
+    }
+  }
 }
 
 .icon{
-  font-size: 35px;
-}
-
-.go-back{
-  font-family: Roboto;
-  font-size: 25px;
-  .icon{
-      margin-right: 7px;
-  }
+  font-size: 40px;
 }
 
 .profile-pic{
-  width: 200px;
-  height: 200px;
-  border-radius: 20px;
-  margin: 0px auto;
-}
-
-.profile-info{
-  .label-text{
-      font-size: 15px;
-      font-weight: bold;
-      color: white;
-      margin-bottom: 10px;
-  }
-
-  .user-role{
-      background-color: white;
-      border-radius: 5px;
-      padding: 12px;
-      font-family: Roboto;
-      font-size: 13px;
-      color: black;
-      text-align: center;
-  }
-
-  .email {
-      margin-top: 15px;
-  }
-
+  width: 150px;
+  height: 150px;
+  border-radius: 50%;
+  margin: 0 auto;
+  border-color: transparent !important;
 }
 
 .login-preference{
-  margin-top: 44px;
+  margin-top: 15px;
+  float: left;
+  font-family: Roboto;
+  font-size: 13px;
+  font-weight: 300;
+
 
   .preference{
-      font-family: Roboto;
-      font-size: 15px;
-      margin-bottom: 20px;
-      font-weight: bold;
+      font-size: 20px;
+      margin-bottom: 0 !important;
   }
   .checkBox{
       margin-right: 10px;
@@ -70,4 +91,5 @@
 
 .buttonSize {
   width: 100% !important;
+  margin: 15px 0 15px 0 !important;
 }