added dashitem

src/app/dashboard/dashboard.component.html

@@ -14,29 +14,24 @@
             <login/>
           </div>
         } @else {
-          <mat-expansion-panel class="segment" expanded="true">
-            <mat-expansion-panel-header>
-              <mat-panel-title>
-                <h2>{{'eleave'|tr:'eLeave'}}</h2>
-              </mat-panel-title>
-            </mat-expansion-panel-header>
+          <div class="segment">
+            <h3>{{'eleave'|tr:'eLeave'}}</h3>
+            <mat-divider></mat-divider>
             <div class="dashitems">
               <leave-submission-dashitem></leave-submission-dashitem>
               @if (this.hasAccess.leaveApproval) {
                 <leave-approval-dashitem></leave-approval-dashitem>
               }
+              <leave-info-dashitem></leave-info-dashitem>
             </div>
-          </mat-expansion-panel>
-          <mat-expansion-panel class="segment" expanded="true">
-            <mat-expansion-panel-header>
-              <mat-panel-title>
-                <h2>{{'spts'|tr:'SPTS'}}</h2>
-              </mat-panel-title>
-            </mat-expansion-panel-header>
+          </div>
+          <div class="segment">
+            <h3>{{'spts'|tr:'SPTS'}}</h3>
+            <mat-divider></mat-divider>
             <div class="dashitems">
               <sales-tender-submission-dashitem></sales-tender-submission-dashitem>
             </div>
-          </mat-expansion-panel>
+          </div>
         }
         <div class="social-links">
           

src/app/dashboard/dashboard.component.scss

@@ -83,6 +83,11 @@ main {
   align-items: center;
 }
 
+.content .left,.right {
+  flex-grow: 1;
+  min-width: 20%;
+}
+
 .content .center {
   flex-grow: 1;
 }
@@ -98,22 +103,18 @@ main {
   flex-direction: column;
   align-items: center;
   gap: 1.5rem;
-  margin-bottom: 1rem;
 }
 .content .center .segment {
   margin-bottom: 0.5rem;
+  mat-divider {margin-bottom: 0.5rem;}
 }
 
-.content .center .dashitems {
-  display: flex;
-  flex-wrap: wrap;
+.content .center .segment .dashitems {
+  display: grid;
+  grid-template-columns: 33% 33% 33%;
   gap: 0.5rem;
 }
 
-.content .right {
-  width: 20%;
-}
-
 .divider {
   width: 1px;
   background: var(--red-to-pink-to-purple-vertical-gradient);
@@ -218,10 +219,20 @@ main {
     width: 100%;
   }
 
+  .content .center .segment .dashitems {
+    grid-template-columns: 100%;
+  }
+
   .divider {
     height: 1px;
     width: 100%;
     background: var(--red-to-pink-to-purple-horizontal-gradient);
     margin-block: 1.5rem;
   }
+}
+
+@media screen and (pointer: none), (pointer: coarse) and (orientation=landscape) {
+  .content .center .segment .dashitems {
+    grid-template-columns: 50% 50%;
+  }
 }

src/dependencies/angularlib

@@ -1 +1 @@
-Subproject commit 8b74235e86633e708d74df065b721734efe74d9e
+Subproject commit 89e22f63d9b29b88a20cb0410d448c8c73e986d4

src/dependencies/fis

@@ -1 +1 @@
-Subproject commit 758b89cf5d40669c81cc09225d159836fc4de03a
+Subproject commit cfebcc3649049f66b2dff905fffb15b715928e60