fix: tab materi list

Author: purwnt

src/_includes/landing.njk

@@ -381,7 +381,7 @@
         <div class="flex flex-nowrap gap-2 py-3 md:gap-4 justify-start md:justify-center overflow-x-auto md:overflow-visible pb-2
             md:pb-0 scrollbar-hide-inner no-scrollbar px-2 md:px-0">
           <button
-            class="level-tab active bg-primary-800 text-white px-5 pr-9 mr-1 py-1 md:px-6 md:py-3 rounded-full font-medium text-sm
+            class="level-tab active bg-primary-800 text-white px-5 pr-9 mr-1 py-2 md:px-6 md:py-3 rounded-full font-medium text-sm
               md:text-base border-2 border-primary-900 shadow-lg transform scale-110 hover:scale-115 transition-all duration-300
               whitespace-nowrap"
             data-level="dasar">
@@ -391,7 +391,7 @@
               class="w-5 h-5 md:w-6 md:h-6 translate-y-[-2px] mr-2 md:mr-0 inline-block"> Level Dasar
           </button>
           <button
-            class="level-tab bg-slate-200 text-slate-600 px-5 pr-9 mr-1 py-1 md:px-6 md:py-3 rounded-full font-medium text-sm
+            class="level-tab bg-slate-200 text-slate-600 px-5 pr-9 mr-1 py-2 md:px-6 md:py-3 rounded-full font-medium text-sm
               md:text-base border-2 border-slate-300 hover:bg-slate-300 transition-all duration-300 whitespace-nowrap"
             data-level="menengah">
             <img
@@ -402,7 +402,7 @@
             </span>Menengah
           </button>
           <button
-            class="level-tab bg-slate-200 text-slate-600 px-5 pr-9 mr-1 py-1 md:px-6 md:py-3 rounded-full font-medium text-sm
+            class="level-tab bg-slate-200 text-slate-600 px-5 pr-9 mr-1 py-2 md:px-6 md:py-3 rounded-full font-medium text-sm
               md:text-base border-2 border-slate-300 hover:bg-slate-300 transition-all duration-300 whitespace-nowrap"
             data-level="advanced">
             <img
@@ -413,7 +413,7 @@
             </span>Advanced
           </button>
           <button
-            class="level-tab bg-slate-200 text-slate-600 px-5 pr-9 mr-1 py-1 md:px-6 md:py-3 rounded-full font-medium text-sm
+            class="level-tab bg-slate-200 text-slate-600 px-5 pr-9 mr-1 py-2 md:px-6 md:py-3 rounded-full font-medium text-sm
               md:text-base border-2 border-slate-300 hover:bg-slate-300 transition-all duration-300 whitespace-nowrap"
             data-level="professional">
             <img

src/css/base.css

@@ -717,6 +717,10 @@ video {
   margin-top: auto;
 }
 
+.mr-0 {
+  margin-right: 0px;
+}
+
 .line-clamp-2 {
   overflow: hidden;
   display: -webkit-box;
@@ -1278,6 +1282,16 @@ video {
   padding-bottom: 2rem;
 }
 
+.py-1\.5 {
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+}
+
+.py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
 .pb-10 {
   padding-bottom: 2.5rem;
 }