From bb439bcbb9f0f9ca9eb9a974e8c7c42bccc1663b Mon Sep 17 00:00:00 2001
From: sadhasivam <sadhasivam.sekar@ladybirdweb.com>
Date: Tue, 7 Jan 2025 17:44:57 +0530
Subject: [PATCH] add responsiveness

---
 .../front/clients/download-list.blade.php     | 30 +++++++++++++------
 1 file changed, 21 insertions(+), 9 deletions(-)

diff --git a/resources/views/themes/default1/front/clients/download-list.blade.php b/resources/views/themes/default1/front/clients/download-list.blade.php
index 9be4a1e9e3..afc2920154 100644
--- a/resources/views/themes/default1/front/clients/download-list.blade.php
+++ b/resources/views/themes/default1/front/clients/download-list.blade.php
@@ -7,6 +7,20 @@
     .more-text {
         display: none;
     }
+
+    .modal-dialog {
+        max-width:75% !important;
+        min-width: 75% !important;
+    }
+
+    @media only screen and (max-width: 600px) {
+        .modal-dialog {
+            max-width: 90% !important;
+            min-width: 90% !important;
+            width: 90% !important;
+        }
+    }
+
     .modal-body {
         overflow-y: auto; /* Enable vertical scrolling */
         overflow-x: auto; /* Enable horizontal scrolling */
@@ -23,20 +37,18 @@
         overflow: hidden;      /* Hides overflow content */
         text-overflow: ellipsis; /* Adds ellipsis for overflowed text */
     }
-    @media (max-width: 600px) {
-        #version-table {
-            display: block; /* Change display for mobile */
-        }
-        #version-table tr {
-            display: flex;
-            flex-direction: column; /* Stack rows vertically */
-        }
+
+    table.dataTable.display tbody tr:first-child td {
+        width : max-content;
+        min-width : 100%;
+        max-width : 100px;
+        overflow: auto !important;
     }
 </style>
 
 <!-- Modal Structure -->
 <div class="modal fade" id="list" tabindex="-1" role="dialog">
-    <div class="modal-dialog modal-dialog-centered" role="document" style="max-width: 60%;">
+    <div class="modal-dialog modal-dialog-centered" role="document">
         <div class="modal-content">
             <div class="modal-header">
                 <h5 class="modal-title">Product Versions</h5>