Account Changes

resources/views/admin/account.blade.php

@@ -1021,6 +1021,153 @@ tr:hover td{ background:#fbfdff; }
     align-items: center;
     flex-wrap: wrap;
 }
+/* नवीन responsive styles */
+@media (max-width:980px){
+  .account-container { 
+    padding: 20px !important;
+    margin: 0 auto;
+  }
+  
+  .panel-card { 
+    min-width:100% !important;
+    padding: 18px !important;
+  }
+  
+  .search-row input{ 
+    width:220px !important;
+  }
+  
+  .pagination-container { 
+    flex-direction: column; 
+    gap: 10px; 
+    align-items: stretch; 
+    margin-right: 0 !important;
+  }
+  
+  .combined-filters-row { 
+    flex-direction: column; 
+    align-items: stretch; 
+  }
+  
+  .filter-group1, 
+  .filter-group2, 
+  .filter-group3, 
+  .filter-group4 { 
+    width: 100% !important; 
+  }
+}
+
+@media (max-width:768px){
+  body {
+    overflow-x: hidden;
+  }
+  
+  .account-container {
+    padding: 15px !important;
+  }
+  
+  .account-header { 
+    padding: 18px !important; 
+  }
+  
+  .top-actions { 
+    flex-direction: column; 
+    align-items: stretch; 
+    gap: 10px;
+  }
+  
+  .top-actions .left { 
+    justify-content: center; 
+  }
+  
+  .account-panels {
+    gap: 15px;
+  }
+  
+  .search-row input {
+    width: 100% !important;
+    max-width: 300px;
+  }
+  
+  /* pagination adjustments for mobile */
+  .pagination-controls,
+  .pagination-controls1,
+  .pagination-controls2 {
+    margin-right: 0 !important;
+    justify-content: center;
+  }
+  
+  .pagination-container {
+    margin-right: 0 !important;
+  }
+}
+
+/* Zoom out specific fix */
+@media screen and (max-width: 1200px) {
+  .account-container {
+    padding: 20px;
+    max-width: 95%;
+  }
+  
+  .payment-block {
+    min-width: 100%;
+  }
+}
+
+/* Extra small screens */
+@media screen and (max-width: 576px) {
+  .account-container {
+    padding: 10px;
+  }
+  
+  .account-header h2 {
+    font-size: 22px;
+  }
+  
+  .panel-card {
+    padding: 15px;
+    min-height: auto;
+  }
+  
+  .pagination-container {
+    padding: 10px 0;
+  }
+  
+  .pagination-info {
+    font-size: 12px;
+  }
+}
+
+/* Prevent horizontal scroll on very small screens */
+@media screen and (max-width: 400px) {
+  body {
+    min-width: 320px;
+  }
+  
+  .account-container {
+    padding: 10px 5px;
+  }
+  
+  .table-responsive {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+}
+
+/* Fix for sidebar gap on zoom out */
+html, body {
+  max-width: 100vw;
+  overflow-x: hidden;
+}
+
+/* Ensure all containers are properly constrained */
+.container, .container-fluid, .account-container {
+  max-width: 100%;
+  overflow-x: hidden;
+}
+
+
+
 </style>
 
 <div class="account-container">