data table ui fixes

src/routes/retailer/boxed_order_history.scss

@@ -4,4 +4,30 @@
   .myDash{
     margin-bottom: auto !important;
     margin-top: 20px;
+  }
+  // *********** data-table styling
+
+  .v-data-table-footer{
+    display: flex;
+    justify-content: end;
+    margin-top: 30px
+  }
+  .v-input__control {
+      padding-top: 2px;
+      padding-bottom: 10px;
+  }
+  .v-data-table-footer__items-per-page{
+    display: flex;
+    margin-right: 10px;
+  }
+  .v-data-table-footer__items-per-page > span{
+    margin-right: 10px;
+    padding-top: 6px
+  }
+  .v-data-table-footer__info{
+    padding-top: 7px;
+  }
+  .v-data-table-footer__pagination{
+    margin-top: -10px;
+    padding-top: 4px
   }

src/routes/retailer/boxed_order_history.vue

@@ -212,6 +212,7 @@
               </v-data-table>
             </v-col>
           </v-row>
+          
         </v-col>
       </v-row>
     </v-form>
@@ -308,4 +309,4 @@ export default {
   },
 };
 </script>
-<style src="./boxed_order_history.scss" lang="scss" scoped/>
+<style src="./boxed_order_history.scss" lang="scss" />