first commit

admin/assets/css/page-access-items.css

@@ -0,0 +1,61 @@
+#formipay-access-items table td {
+    vertical-align: top;
+}
+a#add-new-item {
+    color: #277aff;
+    font-size: 16px;
+    padding: 5px 10px;
+    text-decoration: none;
+    border-radius: 5px;
+    border: 1px solid #277aff;
+}
+a#add-new-item:hover {
+    color: #ffffff;
+    background-color: #277aff;
+}
+th.gridjs-th[data-column-id=id],
+th.gridjs-th[data-column-id=type],
+th.gridjs-th[data-column-id=status] {
+    text-align: center;
+}
+td.gridjs-td[data-column-id=id],
+td.gridjs-td[data-column-id=type],
+td.gridjs-td[data-column-id=status] {
+    text-align: center;
+}
+td.gridjs-td[data-column-id=productRelation] > span {
+    display: flex;
+    gap: .5em;
+    flex-wrap: wrap;
+}
+div#formipay-access-items td svg {
+    margin-right: .25em;
+    margin-bottom: -4px;
+}
+.product_related {
+    background-color: #dedede;
+    padding: 5px 7px;
+    border-radius: 5px;
+}
+span:has(.status-label) {
+    width: 100%;
+    display: block;
+    text-align: center;
+    padding-top: 5px;
+}
+span.status-label {
+    padding: 5px 10px;
+    border-radius: 5px;
+    text-transform: capitalize;
+}
+span.status-label.publish {
+    background-color: #277aff;
+    color: white;
+}
+span.status-label.draft {
+    background-color: #999999;
+    color: white;
+}
+.top-40 {
+    top: 40px!important;
+}