Reworked Device Module and Vue Components

public/plugins/vue/tt-components/css/tt-table.css

@@ -21,11 +21,7 @@
 }
 
 
-.tt-table-card {
-    /*overflow: auto;*/
-}
-
-.tt-table-card .page-link {
+.tt-table-container .page-link {
     padding: 5px .75rem !important;
 }
 
@@ -112,12 +108,24 @@ input[type=number]::-webkit-outer-spin-button {
 
 .tt-table-top-pagination-container {
     display: grid;
-    grid-template-columns: 1fr 1fr;
+    grid-template-columns: auto auto;
     padding-bottom: 8px;
     align-items: center;
     justify-content: space-between
 }
 
+.tt-table-top-buttons-container {
+    display: grid;
+    grid-template-columns: auto auto auto auto auto;
+    grid-gap: 8px;
+    padding-bottom: 8px
+}
+
+.tt-table-top-buttons-container > button > i {
+    font-size: 17px;
+    margin-right: 4px;
+}
+
 @media (max-width: 486px) {
     .tt-table-top-pagination-container {
         grid-template-columns: 1fr;