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,62 +1,57 @@
-@import '../../styles.scss';
-#notices{
-    .header_section{
-        margin: 0 auto;
-        padding: 10%;
-        .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;
-            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;
-            text-align: left;
-            padding: 5% 2%;
-            word-wrap: break-word;
-            word-break: keep-all;
-            color: #0B5FA4;
-            font-weight: bold;
-        }
-        .medium-font{
-            font-size: 1rem !important;
-        }
-        .down-arrow{
-            padding: 5% 0%;
-            left: -11%;
-            position: relative;
-        }
-    }
-    .seperator{
-        margin-top: 2%;
-    }
-    .imageDropDown{
-        width: 85%;
-        margin:0% auto;
-        .transition-image{
-            width: 100%;
-            height: 100%;
-            background: red;
-            transition: height 2s;
-            -webkit-transition: opacity 1s ease-in-out;
-            -moz-transition: opacity 1s ease-in-out;
-            -o-transition: opacity 1s ease-in-out;
-            transition: opacity 1s ease-in-out;
-        }
-    }
-}
-
+.header_section {
+    margin: 0 auto;
+    padding: 10%;
+}
+.header_section .logo {
+    width: 80%;
+    height: 80%;
+}
+.align-middle {
+    width: 85%;
+    margin: 0% auto;
+    text-align: center;
+    color: #0b5fa4;
+}
+.align-middle .customDropDown {
+    background-color: #fff;
+    width: 90%;
+    height: 4rem;
+    border-radius: 0px 1.2rem 1.2rem 0px;
+    font-size: 1.2rem;
+    margin: 0;
+    text-align: left;
+    padding: 5% 2%;
+    word-wrap: break-word;
+    word-break: keep-all;
+    color: #0b5fa4;
+    font-weight: bold;
+}
+.align-middle .medium-font {
+    font-size: 1rem !important;
+}
+.align-middle .down-arrow {
+    padding: 5% 0%;
+    left: -11%;
+    position: relative;
+}
+.seperator {
+    margin-top: 2%;
+}
+.imageDropDown {
+    width: 85%;
+    margin: 0% auto;
+}
+.imageDropDown .transition-image {
+    width: 100%;
+    height: 100%;
+    background: red;
+    transition: height 2s;
+    -webkit-transition: opacity 1s ease-in-out;
+    -moz-transition: opacity 1s ease-in-out;
+    -o-transition: opacity 1s ease-in-out;
+    transition: opacity 1s ease-in-out;
+}
+.title {
+    text-align: center;
+    color: #0b5fa4;
+}