Refactor software version update logic into a reusable function; enhance UI for file uploads and table responsiveness

style/admin.css

@@ -3006,4 +3006,83 @@ main .products .product .price, main .products .products-wrapper .product .price
     .filter-actions {
         justify-content: center;
     }
+    
+    /* Fix table scrolling on smaller screens */
+    main .content-block {
+        overflow: visible !important;
+        padding: 5px;
+    }
+    
+    main .content-block .table {
+        overflow-x: auto !important;
+        overflow-y: visible !important;
+        -webkit-overflow-scrolling: touch;
+        max-width: 100%;
+        margin: 0 -10px; /* Extend to container edges */
+        padding: 0 10px;
+    }
+    
+    main .content-block .table table {
+        min-width: 700px; /* Ensure table maintains minimum width */
+        width: max-content; /* Allow table to expand naturally */
+    }
+    
+    /* Ensure table cells don't wrap */
+    main .content-block .table table td,
+    main .content-block .table table th {
+        white-space: nowrap;
+        min-width: 80px;
+    }
+    
+    /* Make version columns wider as they contain longer text */
+    main .content-block .table table th:first-child,
+    main .content-block .table table td:first-child,
+    main .content-block .table table th:nth-child(2),
+    main .content-block .table table td:nth-child(2) {
+        min-width: 120px;
+    }
+}
+
+/* File Upload Button Styles */
+.file-upload-wrapper {
+    display: flex;
+    align-items: center;
+    gap: 15px;
+    margin-bottom: 15px;
+}
+
+.file-upload-btn {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    padding: 10px 10px;
+    color: white;
+    border: none;
+    border-radius: 6px;
+    font-size: 14px;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    box-shadow: 0 2px 4px rgba(0, 123, 255, 0.2);
+}
+
+.file-upload-btn:hover {
+    background: linear-gradient(135deg, #0056b3, #004085);
+    transform: translateY(-1px);
+    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);
+}
+
+.file-upload-btn:active {
+    transform: translateY(0);
+    box-shadow: 0 2px 4px rgba(0, 123, 255, 0.2);
+}
+
+.file-upload-btn i {
+    font-size: 12px;
+}
+
+.file-upload-info {
+    font-size: 12px;
+    color: #6c757d;
+    font-style: italic;
 }