From 409367588a87e2e70dae1c34a497f4898e4c1625 Mon Sep 17 00:00:00 2001
From: Jordan Vidrine <jordan@jordanvidrine.com>
Date: Fri, 20 Dec 2024 14:55:55 -0600
Subject: [PATCH] styling

---
 .../components/reports/activity-calendar.gjs  | 28 +++++++++----------
 .../stylesheets/common/activity-calendar.scss |  7 +++--
 2 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/assets/javascripts/discourse/components/reports/activity-calendar.gjs b/assets/javascripts/discourse/components/reports/activity-calendar.gjs
index 419afab..b2a6b8a 100644
--- a/assets/javascripts/discourse/components/reports/activity-calendar.gjs
+++ b/assets/javascripts/discourse/components/reports/activity-calendar.gjs
@@ -39,21 +39,19 @@ export default class ActivityCalendar extends Component {
     <div class="rewind-report-page -activity-calendar">
       <div class="rewind-card">
         <table class="rewind-calendar">
-          <tbody>
-            {{#each this.rowsArray as |row|}}
-              <tr>
-                {{#each row as |cell|}}
-                  <td
-                    data-date={{cell.date}}
-                    class={{concatClass
-                      "rewind-calendar-cell"
-                      (this.computeClass cell.post_count)
-                    }}
-                  ></td>
-                {{/each}}
-              </tr>
-            {{/each}}
-          </tbody>
+          {{#each this.rowsArray as |row|}}
+            <tr>
+              {{#each row as |cell|}}
+                <td
+                  data-date={{cell.date}}
+                  class={{concatClass
+                    "rewind-calendar-cell"
+                    (this.computeClass cell.post_count)
+                  }}
+                ></td>
+              {{/each}}
+            </tr>
+          {{/each}}
         </table>
       </div>
     </div>
diff --git a/assets/stylesheets/common/activity-calendar.scss b/assets/stylesheets/common/activity-calendar.scss
index 3045f7c..c2ceaa9 100644
--- a/assets/stylesheets/common/activity-calendar.scss
+++ b/assets/stylesheets/common/activity-calendar.scss
@@ -1,5 +1,7 @@
 .rewind-report-page.-activity-calendar {
   .rewind-calendar {
+    border-collapse: unset;
+    border-spacing: 3px;
     tr {
       border: none;
     }
@@ -8,9 +10,10 @@
   .rewind-calendar-cell {
     height: 10px;
     width: 10px;
-
+    border-radius: 2px;
+    border: 1px solid rgba(var(--primary-rgb), 0.2);
     &.-empty {
-      background: var(--tertiary-very-low);
+      background: var(--primary-low);
     }
     &.-low {
       background: var(--tertiary-low);