Fix: Resolve responsive layout issues on news pages

views/newsPages/newsMain/newsMain.html

@@ -92,7 +92,9 @@
     <main class="news-container">
       <h1 class="page-title">Tin Tức & Sự Kiện</h1>
 
-      <div class="news-filter">
+      <div
+        class="news-filter d-flex flex-nowrap overflow-x-auto pb-2 bootstrap-scroll-fix"
+      >
         <button class="filter-btn active">Tất Cả</button>
         <button class="filter-btn">Công Nghệ</button>
         <button class="filter-btn">Thị Trường</button>
@@ -261,15 +263,15 @@
         </a>
       </div>
 
-      <div class="news-pagination">
+      <div class="news-pagination my-3 my-sm-4">
         <!-- Pagination buttons will be generated by JavaScript -->
       </div>
 
       <div
-        class="no-results"
-        style="display: none; text-align: center; padding: 2rem; width: 100%"
+        class="no-results py-4 py-sm-5 text-center w-100"
+        style="display: none"
       >
-        <p>Không có tin tức nào phù hợp với bộ lọc đã chọn.</p>
+        <p class="mb-0">Không có tin tức nào phù hợp với bộ lọc đã chọn.</p>
       </div>
     </main>
     <!-- END OF NEWS CONTENT SECTION -->