Style fixes

Author: Templarian

src/pg/tableCellButtonIcon/tableCellButtonIcon.css

@@ -2,6 +2,13 @@
   display: contents;
 }
 
-[part=label] {
+[part=cell] {
   display: table-cell;
+  padding: 0 0.5rem;
+  background-color: var(--pg-table-row-background-color);
+  border-top: 0;
+  border-radius: 0.125rem;
+  vertical-align: middle;
+  justify-items: center;
+  --pg-button-background-color: transparent;
 }

src/pg/tableCellButtonIcon/tableCellButtonIcon.html

@@ -1,3 +1,5 @@
-<pg-button part="button">
-  <pg-icon part="icon"></pg-icon>
-</pg-button>
+<div part="cell">
+  <pg-button part="button">
+    <pg-icon part="icon"></pg-icon>
+  </pg-button>
+</div>

src/pg/tableCellText/tableCellText.css

@@ -5,8 +5,8 @@
 [part=label] {
   display: table-cell;
   padding: 0.125rem 0.5rem;
+  background-color: var(--pg-table-row-background-color);
   border-top: 0;
-  background: #F1F1F1;
   border-radius: 0.125rem;
   vertical-align: middle;
 }

src/pg/tableRow/tableRow.css

@@ -2,6 +2,10 @@
   display: contents;
 }
 
+:host(:nth-child(odd)) {
+  --pg-table-row-background-color: #f1f1f1;
+}
+
 [part=cells] {
   display: table-row;
 }