add item responsive control

public/css/app.css

@@ -47241,13 +47241,25 @@ html[dir="rtl"] .lines-radius-border thead td:last-child {
 
 @media only screen and (max-width: 480px) {
     .small-table-width {
-        width: 450px;
+        width: 550px;
     }
 
     .small-col {
         width: auto !important;
     }
 
+    .description-col {
+        width: 180px !important
+    }
+
+    .amount-col {
+        width: 70px !important;
+    }
+
+    .name-col {
+        width: 6rem !important
+    }
+
     .information-content {
         -webkit-transform: unset !important;
                 transform: unset !important;
@@ -50074,6 +50086,10 @@ body{
     width: 66.666667%;
   }
 
+  .lg\:w-auto{
+    width: auto;
+  }
+
   .lg\:w-1\/4{
     width: 25%;
   }
@@ -50094,10 +50110,6 @@ body{
     width: 24rem;
   }
 
-  .lg\:w-auto{
-    width: auto;
-  }
-
   .lg\:w-2\/4{
     width: 50%;
   }