diff --git a/Mohem/src/app/my-team/home/home.component.scss b/Mohem/src/app/my-team/home/home.component.scss index f8b9f423..5054659c 100644 --- a/Mohem/src/app/my-team/home/home.component.scss +++ b/Mohem/src/app/my-team/home/home.component.scss @@ -40,37 +40,27 @@ ion-content { margin-top: 10px; span { - // display: block; - // padding-top: 8px; - // padding-left: 15px; - // font-weight: bold; - // font-size: 12px; - // margin-top: 9px; + text-align: left; - font-family: var(--fontFamilyPoppins-SemiBold, inherit); + font-weight: bold; line-height: 18px; - font-size: 12px; + font-size: 14px; letter-spacing: -0.48px; - color: #2B353E; + color: #004D71; opacity: 1; + margin: 10px; } } .search-label { - // border: 1px solid #ccc; - // margin-left: 15px; - // margin-right: 15px; - // border-radius: 22px; - // margin-top: 24px; - // font-size: 11px; - // color: rgb(143, 141, 141); - border: 1px solid #ccc; + + border: 1px solid #E8E8E8; margin-left: 15px; margin-right: 15px; border-radius: 35px; margin-top: 24px; font-size: 11px; - color: #8f8d8d; + color: #5C6F79; margin-right: 15px !important; padding: 10px; } @@ -97,7 +87,7 @@ ion-content { h2 { font-size: 38px; - font-family: WorkSans-Bold; + margin: 0 auto; line-height: 36px; } @@ -107,7 +97,7 @@ ion-content { display: block; margin: 0 auto; font-size: 12px; - font-family: workSans-Regular; + } } @@ -228,12 +218,6 @@ ion-content { } } -// .myClass .toggle-icon { -// background-color: purple; // this changes the background, ie the grey stripe. -// .toggle-inner { -// background-color: yellow; // this changes the backgroundcolor of the toggle dot. -// } -// } @media only screen and (max-width: 375px) { .text-label { @@ -255,21 +239,19 @@ ion-content { // margin-right: 18px; text-align: left; // font: normal normal 600 12px/18px Poppins; - font-family: var(--fontFamilyPoppins-SemiBold, inherit); + line-height: 18px; font-size: 12px; letter-spacing: -0.48px; - color: #575757 !important; + color: #5C6F79 !important; opacity: 1; - margin-left: 15px; - margin-right: 18px; + margin-left: 5px; + margin-right: 5px; } .radio-list { background: white; - // margin-left: 18px; - /* margin-right: 10px; */ - // margin-top: 12px; + width: 100%; } // .selected .radio-icon { @@ -296,7 +278,7 @@ ion-content { // font-family: 'WorkSans-Bold'; // margin-top: 27px; text-align: left; - font-family: var(--fontFamilyPoppins-SemiBold, inherit); + line-height: 11px; font-size: 20px; letter-spacing: -0.8px; @@ -385,4 +367,8 @@ ion-content { display: flex; // justify-content: space-between; margin-bottom: -12px; +} + +ion-radio.radio-checked { + --ion-color-base: #004D71; } \ No newline at end of file diff --git a/Mohem/src/app/notification/worklist-main/worklist-main.component.html b/Mohem/src/app/notification/worklist-main/worklist-main.component.html index 088d8972..57e51fd5 100644 --- a/Mohem/src/app/notification/worklist-main/worklist-main.component.html +++ b/Mohem/src/app/notification/worklist-main/worklist-main.component.html @@ -670,6 +670,7 @@ }} +