From 0de67bc291e3b331bf0a28f45866d85af6aba142 Mon Sep 17 00:00:00 2001
From: Arunpragadeeswar <arunpragadeeswar@admindroid.com>
Date: Tue, 2 Jul 2024 11:05:05 +0530
Subject: [PATCH 1/2] added styles for table element

---
 guidemaker-ember-template/src/styles/addon.css | 16 ++++++++++++++++
 test-app/guides/release/examples/index.md      | 14 ++++++++++++++
 2 files changed, 30 insertions(+)

diff --git a/guidemaker-ember-template/src/styles/addon.css b/guidemaker-ember-template/src/styles/addon.css
index df3b63e5..db61dc46 100644
--- a/guidemaker-ember-template/src/styles/addon.css
+++ b/guidemaker-ember-template/src/styles/addon.css
@@ -224,3 +224,19 @@ h5 > a:hover > svg,
 h6 > a:hover > svg {
   fill: var(--color-brand);
 }
+
+
+/* table styles  */
+table {
+  width: 100%;
+  text-align: left;
+  border-collapse: collapse;
+}
+thead th{
+  background-color: var(--color-gray-200);
+}
+td, th {
+  border: 1px solid var(--color-gray-300);
+  padding: 4px;
+}
+
diff --git a/test-app/guides/release/examples/index.md b/test-app/guides/release/examples/index.md
index 5bfa05bb..842b7f8e 100644
--- a/test-app/guides/release/examples/index.md
+++ b/test-app/guides/release/examples/index.md
@@ -70,3 +70,17 @@ Asterisks
 ___
 
 Underscores
+
+# Tables
+<table>
+  <thead>
+    <tr><th>Action</th><th>HTTP Verb</th><th>URL</th></tr>
+  </thead>
+  <tbody>
+    <tr><th>Find Record</th><td>GET</td><td>/posts/123</td></tr>
+    <tr><th>Find All</th><td>GET</td><td>/posts</td></tr>
+    <tr><th>Update</th><td>PUT</td><td>/posts/123</td></tr>
+    <tr><th>Create</th><td>POST</td><td>/posts</td></tr>
+    <tr><th>Delete</th><td>DELETE</td><td>/posts/123</td></tr>
+  </tbody>
+</table>

From 02428ec88ac30efdf8a51f05a5401cec41c795ca Mon Sep 17 00:00:00 2001
From: Arun Pragadeeswar
 <104340657+ArunPragadeeswar007@users.noreply.github.com>
Date: Tue, 2 Jul 2024 13:42:06 +0530
Subject: [PATCH 2/2] Update guidemaker-ember-template/src/styles/addon.css

Co-authored-by: Ignace Maes <ignacemaes100@msn.com>
---
 guidemaker-ember-template/src/styles/addon.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/guidemaker-ember-template/src/styles/addon.css b/guidemaker-ember-template/src/styles/addon.css
index db61dc46..cba33c2b 100644
--- a/guidemaker-ember-template/src/styles/addon.css
+++ b/guidemaker-ember-template/src/styles/addon.css
@@ -237,6 +237,6 @@ thead th{
 }
 td, th {
   border: 1px solid var(--color-gray-300);
-  padding: 4px;
+  padding: var(--spacing-1);
 }