notices

src/app/apply-leave/apply-leave.component.ts

@@ -44,7 +44,7 @@ export class ApplyLeaveComponent implements OnInit {
   }
 
   onReviewSubmit():void{
-    this.router.navigate(['flexiLeave']);
+    this.router.navigate(['flexi']);
   }
 
   selectLeave(type:any):void{

src/app/notices/notices.component.html

@@ -2,19 +2,15 @@
     <div class="header_section">
         <img class="logo" src="assets/images/bajaj_header.png"/>
     </div>
-    <div class="align-middle">
+    <div class="align-middle title">
         <p class="txt-content font-body-xsmall-bold">{{languageConstants.notices}}</p>
     </div>
     <div class="flex-row align-middle seperator">
-        <!-- -<input type="text" id="leaveType"
-        formControlName="leaveType" class="user-input font-body-xsmall-bold" placeholder="Leave Type" value=""/> -->
         <div class="customDropDown font-body-xsmall-bold medium-font">{{languageConstants.coronaVirus}}</div>
         <span class="down-arrow" *ngIf="expandDropDown" (click)="openCovidData()"><img class="bike-card-arrow-dropdown" src="assets/svg/arrow-up.svg"></span>
         <span class="down-arrow" *ngIf="!expandDropDown" (click)="openCovidData()"><img class="bike-card-arrow-dropdown" src="assets/svg/arrow-down.svg"></span>
     </div>
     <div *ngIf="expandDropDown" class="seperator imageDropDown">
-        <!-- -<input type="text" id="leaveType"
-        formControlName="leaveType" class="user-input font-body-xsmall-bold" placeholder="Leave Type" value=""/> -->
         <span class="down-arrow" (click)="openCovidData()"><img class="bike-card-arrow-dropdown" [src]="covidPath"></span>
     </div>
     <div class="flex-row align-middle seperator">

src/app/notices/notices.component.scss

@@ -1,27 +1,21 @@
-@import '../../styles.scss';
-#notices{
 .header_section {
     margin: 0 auto;
     padding: 10%;
-        .logo{
+}
+.header_section .logo {
     width: 80%;
     height: 80%;
 }
-    }
 .align-middle {
     width: 85%;
     margin: 0% auto;
     text-align: center;
-        color: #0B5FA4;
-        // input[type=text]{
-        //     background-color: #FFFFFFA6;
-        // }
-        .customDropDown{
-            background-color: #FFFFFFA6;
+    color: #0b5fa4;
+}
+.align-middle .customDropDown {
+    background-color: #fff;
     width: 90%;
     height: 4rem;
-            // border-top-right-radius: 1.3rem;
-            // border-bottom-right-radius: 1.3rem;
     border-radius: 0px 1.2rem 1.2rem 0px;
     font-size: 1.2rem;
     margin: 0;
@@ -29,25 +23,25 @@
     padding: 5% 2%;
     word-wrap: break-word;
     word-break: keep-all;
-            color: #0B5FA4;
+    color: #0b5fa4;
     font-weight: bold;
 }
-        .medium-font{
+.align-middle .medium-font {
     font-size: 1rem !important;
 }
-        .down-arrow{
+.align-middle .down-arrow {
     padding: 5% 0%;
     left: -11%;
     position: relative;
 }
-    }
 .seperator {
     margin-top: 2%;
 }
 .imageDropDown {
     width: 85%;
     margin: 0% auto;
-        .transition-image{
+}
+.imageDropDown .transition-image {
     width: 100%;
     height: 100%;
     background: red;
@@ -57,6 +51,7 @@
     -o-transition: opacity 1s ease-in-out;
     transition: opacity 1s ease-in-out;
 }
+.title {
+    text-align: center;
+    color: #0b5fa4;
 }
-}
-