fix: TT-370 corrections css using tailwind

Author: scastillo-jp

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

@@ -17,12 +17,12 @@ <h1 class="pl-2 pt-2" style="font-family:spinnaker,sans-serif">ioet</h1>
       <em class="{{ item.icon }}"></em>
       <h3 class="font-poppins text-base ml-4 pl-3 -mt-6 text-left" >{{ item.text }}</h3>
       </a>
-      <div id="btn-bottom" class="bg-whiteTW pt-2 pr-24 absolute bottom-1 dark:bg-grayTW-dark">
+      <div class="bg-whiteTW pt-2 absolute bottom-4 dark:bg-grayTW-dark flex justify-center items-center">
         <a class="flex pl-4 text-blackTW hover:text-grayTW dark:text-whiteTW" href="#">
           <em class="fas fa-sign-out-alt"></em>
-          <span class="font-poppins pl-3 font-medium -mt-1 dark:text-whiteTW" (click)="logout()">Sign out</span>
+          <span class="font-poppins pl-3 font-medium  dark:text-whiteTW" (click)="logout()">Sign out</span>
         </a>
-        <app-dark-mode id="btn-dark-mode" class="relative left-40"></app-dark-mode>
+        <app-dark-mode class="ml-4"></app-dark-mode>
       </div>
     </div>
   </div>

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

@@ -76,12 +76,4 @@ body {
   height: -webkit-calc(100vh - 1vh);
   height: -o-calc(100vh - 1vh);
   height: calc(100vh - 1vh);
-}
-
-#btn-dark-mode {
-  top: -2rem;
-}
-
-#btn-bottom {
-  height: 4%;
-}
+}