From a54b7d583e750544570a00ab49c94cd1b977c3f4 Mon Sep 17 00:00:00 2001
From: tijsklaren <tijs.q.klaren@gmail.com>
Date: Sun, 1 Jan 2023 14:57:03 +0100
Subject: [PATCH] Added the table styling

---
 src/css/table.css | 42 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 src/css/table.css

diff --git a/src/css/table.css b/src/css/table.css
new file mode 100644
index 0000000..0676f7b
--- /dev/null
+++ b/src/css/table.css
@@ -0,0 +1,42 @@
+/* Table styling */
+/* - Use the class "totals" to give a cell or row some different styling */
+/* - Use the class "icon" to center an icon in the cell, make sure the icon has the class "icon" */
+table{
+    width: 100%;
+    border-collapse: collapse;
+
+    text-align: left;
+
+    background-color: white;
+
+    border-radius: 10px;
+    overflow: hidden;
+}
+
+tr.totals, th.totals, td.totals{
+    background: #efefef;
+}
+
+th, td{
+    padding: 10px;
+}
+
+th.iconCell, td.iconCell{
+    text-align: center;
+}
+
+th.iconCell > .icon, td.iconCell > .icon{
+    font-size: 15px;
+    width: 15px;
+    padding: 8px;
+    border-radius: 50%;
+    background-color: var(--just-blue);
+    color: white;
+
+    cursor: pointer;
+}
+
+th{
+    background: var(--just-blue);
+    color: white;
+}
\ No newline at end of file