changes in profile

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

@@ -1,64 +1,114 @@
-.profile-content{
+.profile-header{
+  margin: 0 em(20px);
+  // background-color: #0782c9;
   padding: 20px 20px;
+  border: 0!important;
+  overflow: auto;
+
+  .div-logo{
+    background: transparent;
+    width: calc(100% - 40px) !important;
+    justify-content: center;
+    display: flex;
+    float: left;
+
+    .logo{
+      width: 140px;
+      .img{
+        width: 100%;
+        margin: 0px auto;
+      }
+    }
+  }
+}
+.btn-close{
+  justify-content: center;
+  align-items: center;
+  float: left;
+}
+.profile-content{
+    padding: 20px 20px;
 }
 
 .icon{
-  font-size: 35px;
+    font-size: 40px;
 }
 
-.go-back{
-  font-family: Roboto;
-  font-size: 25px;
-  .icon{
-      margin-right: 7px;
-  }
+.profile-title{
+  font-weight: 300;
+  font-size: 20px !important;
+  margin-bottom: 40px !important;
 }
 
-.profile-pic{
-  width: 200px;
-  height: 200px;
-  border-radius: 20px;
-  margin: 0px auto;
+.line{
+  width: 100% !important;
+  margin-top: 15px;
+  border-top: 1px solid #d8d8d8;
 }
 
-.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;
-  }
-
+.btn-delete{
+  width: 40% !important;
+  margin-left: 0 !important;
 }
-
-.login-preference{
-  margin-top: 44px;
-
-  .preference{
-      font-family: Roboto;
-      font-size: 15px;
-      margin-bottom: 20px;
-      font-weight: bold;
-  }
-  .checkBox{
-      margin-right: 10px;
-  }
+.btn-cancel{
+  width: 40% !important;
+  margin-right: 0 !important;
 }
 
 .buttonSize {
   width: 100% !important;
 }
+
+ion-list{
+  background-color: transparent !important;
+}
+
+.notifications-content{
+  padding: 0px 20px;
+  .item{
+    display: flex;
+    border-radius: 15px;
+    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
+    border: solid 1px #e9e9e9;
+    background-color: var(--white);
+    margin: 0 auto;
+    padding: 10px;
+    margin-bottom: 10px;
+    color: #000;
+    overflow: hidden;
+
+    border: 1px solid blue;
+
+    .notification-item{
+      width: fit-content;
+      float: left;
+      margin-right: 10px;
+      padding: 0 !important;
+      overflow: auto;
+
+
+    }
+    .notification-icon{
+      font-size: 35px !important;
+    }
+    .approve-event-time{
+      width: fit-content !important;
+      float: left;
+    }
+    .approve-event-detail{
+      width: calc(100% - 115px) !important;
+      float: left;
+    }
+    .notification-label{
+      float: right;
+      width: 5px;
+      height: 100%;
+      border-radius: 0% 100% 100% 0%;
+      background-color: #ffb703;
+    }
+  }
+
+}
+.item-inner{
+  padding: 0 !important;
+}