fix responsive jadwal

components/beranda/UserJadwal.vue

@@ -301,7 +301,7 @@ function getColorClass(index: number) {
                   <div class="course-title font-semibold text-sm mb-1">
                   <div class="course-title font-semibold text-sm mb-1">
                     <span
                     <span
                       v-if="getScheduleByDay(day)[rowIndex - 1].course.includes('-')"
                       v-if="getScheduleByDay(day)[rowIndex - 1].course.includes('-')"
-                      style="text-decoration: underline;"
+                      style=" padding-inline-end: 4px;text-decoration: underline;"
                     >
                     >
                       {{ getScheduleByDay(day)[rowIndex - 1].course.split(' - ')[0] }}
                       {{ getScheduleByDay(day)[rowIndex - 1].course.split(' - ')[0] }}
                     </span>
                     </span>
@@ -402,21 +402,18 @@ function getColorClass(index: number) {
 }
 }
 
 
 .course-title {
 .course-title {
-  display: -webkit-box;
-  overflow: hidden;
   border-block-end: 1px solid;
   border-block-end: 1px solid;
-  -webkit-box-orient: vertical;
   font-size: 12px;
   font-size: 12px;
   font-weight: bold;
   font-weight: bold;
   inline-size: 100%;
   inline-size: 100%;
-  -webkit-line-clamp: 2;        /* Number of lines before cutting */
   margin-block-end: 5px;
   margin-block-end: 5px;
   padding-block-end: 5px;
   padding-block-end: 5px;
-  text-overflow: ellipsis;
+  text-overflow: ellipsis;       /* Show "..." */
 }
 }
 
 
 .course-prefix {
 .course-prefix {
   color: color-mix(in srgb, rgba(var(--v-global-theme-primary)) 70%, black 30%);
   color: color-mix(in srgb, rgba(var(--v-global-theme-primary)) 70%, black 30%);
+  padding-inline-end: 4px;
   text-decoration: underline;
   text-decoration: underline;
 }
 }
 
 
@@ -547,7 +544,6 @@ function getColorClass(index: number) {
   }
   }
 
 
   .course-header {
   .course-header {
-    overflow-x: hidden; /* Hides horizontal overflow */
     text-overflow: ellipsis; /* Adds "..." when text is too long */
     text-overflow: ellipsis; /* Adds "..." when text is too long */
     word-break: break-word; /* Allows text to wrap naturally */
     word-break: break-word; /* Allows text to wrap naturally */
   }
   }