Improve table display

Author: Ndpnt

themes/opentermsarchive/assets/css/elements/table.css

@@ -1,30 +1,28 @@
 table {
   border-collapse: collapse;
   width: 100%;
+  margin-bottom: var(--mM);
 
   & thead {
     & tr {
+
       & th {
-        padding: var(--pXS) var(--pM);
-        border-bottom: 1px solid var(--colorBlack300);
-        border-right: 1px solid var(--colorBlack300);
+        border: 1px solid var(--colorBlack300);
+        padding: var(--pXS) var(--pS);
         background-color: var(--colorBlack200);
-
-        &:last-child {
-          border-right: 1px solid var(--colorBlack200);
-        }
-        &:first-child {
-          border-left: 1px solid var(--colorBlack200);
-        }
       }
     }
   }
   & tbody {
     & tr {
       & td {
-        padding: var(--pXS) var(--pM);
-        border: 1px solid var(--colorBlack200);
+        padding: var(--pXS) var(--pS);
+        border: 1px solid var(--colorBlack300);
       }
     }
+
+    & tr:nth-child(2n) {
+      background-color: rgb(246, 248, 250);
+    }
   }
 }