CLASSROOMIO-T-84: Unresolved Fixes

src/lib/components/Tabs/index.svelte

@@ -6,13 +6,12 @@
 </script>
 
 <div class="w-full flex flex-col">
-  <div class="flex items-center border-b-2 w-full">
   <div class="flex items-center border-b-2 w-full">
     {#each tabs as tab}
       <button
         class="relative {currentTab === tab.value
-          ? 'text-blue-500 dark:bg-gray-700'
+          ? 'text-blue-700'
-          : 'dark:bg-gray-500 text-black'} font-semibold focus:outline-none w-24 text-left py-3 mr-10"
+          : 'dark:bg-gray-500 dark:text-white'} dark:bg-transparent font-semibold focus:outline-none w-24 text-left py-3 mr-10"
         on:click={onChange(tab.value)}
       >
         <div class="grid grid-cols-4 gap-3 items-center">
@@ -31,13 +30,7 @@
         </div>
 
         <span
-          class="absolute bottom-0 left-0 h-1 bg-blue-500 rounded-md transition-all ease-in-out duration-500 {currentTab ===
+          class="absolute bottom-0 left-0 h-1 bg-blue-700 transition-all ease-in-out duration-500 {currentTab ===
-          tab.value
-            ? 'w-full'
-            : 'w-0'}"
-        />
-        <span
-          class="absolute bottom-0 left-0 h-1 bg-blue-500 rounded-md transition-all ease-in-out duration-500 {currentTab ===
           tab.value
             ? 'w-full'
             : 'w-0'}"

src/routes/courses/[id]/lessons/+page.svelte

@@ -119,7 +119,7 @@
 
   <PageBody width="max-w-6xl" padding="p-0">
     <section
-      class="w-full lg:w-11/12 py-3 px-3 lg:px-4 m-auto"
+      class="w-full lg:w-11/12 p-3 lg:px-4 m-auto"
       use:dndzone={{
         items: $lessons,
         flipDurationMs,
@@ -135,7 +135,7 @@
       {#each $lessons as lesson (lesson.id)}
         <div
           bind:this={ref}
-          class="h-32 relative m-auto rounded-md border-2 border-gray-100 py-3 px-5 mb-4 flex items-center dark:bg-gray-700"
+          class="sm:h-48 md:h-40 lg:h-32 relative m-auto rounded-md border-2 border-gray-100 py-3 px-5 mb-4 flex items-center dark:bg-gray-700"
         >
           <div class="mr-5">
             <TextChip