fix giao diện

application/views/frontend/default/course/course_page.php

@@ -190,17 +190,17 @@ $instructor_details = $this->user_model->get_all_user($course_details['user_id']
                   <?php echo $this->crud_model->enrol_history($other_realted_course['id'])->num_rows(); ?>
                 </span>
                 <?php if ($other_realted_course['is_free_course'] == 1): ?>
-                  <span class="item-price">
+                <span class="item-prices">
                     <span class="current-price"><?php echo get_phrase('free'); ?></span>
                   </span>
                 <?php else: ?>
                   <?php if ($other_realted_course['discount_flag'] == 1): ?>
-                    <span class="item-price">
+                    <span class="item-prices">
                       <span class="original-price"><?php echo currency($other_realted_course['price']); ?></span>
                       <span class="current-price"><?php echo currency($other_realted_course['discounted_price']); ?></span>
                     </span>
                   <?php else: ?>
-                    <span class="item-price">
+                    <span class="item-prices">
                       <span class="current-price"><?php echo currency($other_realted_course['price']); ?></span>
                     </span>
                   <?php endif; ?>

assets/frontend/default/css/override-fe.css

@@ -7,6 +7,36 @@ ul.footer-menu li a.nav-link { color: white !important; font-weight: bold ;}
 @media (max-width:767px){
     .course-box .course-image .img-fluid {min-height: 214px;}
 }
+@media (max-width:600px){ 
+    .course-comparism-item .item-details .item-prices {
+        margin-top: 25px;
+    }
+    
+    .cart-course-wrapper .price{
+        margin-top: 25px;
+    }
+}
+.course-comparism-item .item-details .item-prices {
+    position: absolute;
+    top: 0;
+    right: 38px;
+    display: flex;
+    flex-direction: column-reverse;
+    text-align: right;
+}
+.course-comparism-item .item-details .item-prices .current-price {
+    color: #29303b;
+    font-size: 18px;
+    font-weight: 600;
+}
+
+.course-comparism-item .item-details .item-prices .original-price {
+    color: #686f7a;
+    font-weight: 400;
+    font-size: 13px;
+    text-decoration: line-through;
+}
+
 .course-box .course-image .img-fluid {height: 214px;}
 /* .mobile-main-nav a:not(.btn){
     color: #ffffff;