fix: TT-331 css

Author: scastillo-jp

src/app/modules/shared/components/sidebar/sidebar.component.html

@@ -1,8 +1,8 @@
 <div class="d-flex" id="wrapper">
-  <div class="table-row bg-white border-r border-grey-500" id="sidebar-wrapper">
+  <div class="table-row bg-white border-r border-grey-500 shadow-sm" id="sidebar-wrapper">
     <div class="table-cell">
       <div class="relative flex items-center border-b border-grey-500 sidebar-heading">
-        <img src="assets/img/ioet-logo-without-letters.png" width="40" height="auto" style="padding-top: 0.5rem; padding-left: 1rem;" alt="logo"/>
+        <img src="assets/img/ioet-logo-without-letters.png" width="50" height="auto" style="padding-top: 0.5rem; padding-left: 1rem;" alt="logo"/>
         <h1 class="pl-2 pt-2" style="font-family:spinnaker,sans-serif">ioet</h1>
       </div>
       <div class=" py-8 flex items-center pl-3">
@@ -21,7 +21,7 @@ <h2 class="font-sans text-base font-semibold">{{userName}}</h2>
           [ngClass]="{active: item.active}"
         >
         <img src="{{item.icon}}" width="22" height="22" class="absolute"/>
-        <h3 class="font-sans text-base pl-5 text-left" >{{ item.text }}</h3>
+        <h3 class="font-sans text-base ml-4 pl-3 text-left" >{{ item.text }}</h3>
         <!-- <i class="{{ item.icon }} pr-3"></i> {{ item.text }} -->
         </a>
         <div class="bg-white pt-2 pr-24 absolute bottom-0">
@@ -35,7 +35,7 @@ <h3 class="font-sans text-base pl-5 text-left" >{{ item.text }}</h3>
   <div class="table-cell relative">
     <span class="absolute cursor-pointer inset-y-0 right-0 min-h-screen w-0.5 hover:z-0 hover:bg-blue-400"  (click)="toggleSideBar()"></span>
       <span class="group cursor-pointer absolute w-5 top-20 -right-3">
-        <img src="assets/icons/left-chevron.svg" id="hide-sidebar" (click)="toggleSideBar()" width="20" height="20" class="bg-black-light rounded-full hover:bg-opacity-50 hover:bg-info-light sm:hidden md:block lg:block"/>
+        <img src="assets/icons/left-chevron.svg" id="hide-sidebar" (click)="toggleSideBar()" width="20" height="20" class="bg-black-light rounded-full hover:bg-opacity-50 hover:bg-info-light sm:hidden md:block lg:block shadow-sm"/>
         <div class="opacity-0 w-12 bg-black text-white text-center text-xs rounded-lg py-2 absolute z-10 group-hover:opacity-100 bottom-full left-1/4 ml-4 -mb-6 px-1 pointer-events-none">Hide</div>
       </span>
       <span class="group cursor-pointer absolute top-20 -right-5">

src/app/modules/time-clock/components/time-entries-summary/time-entries-summary.component.html

@@ -1,5 +1,5 @@
 <h6 class="text-left"><strong>Summary</strong></h6>
-<hr />
+<hr class="mb-3" />
 <div class ="container px-0">
   <div class="row pb-4">
     <div class="col-12 col-sm-3">