From 9aef7c285a6d62d948e13cf3c74f0b96f4fb9690 Mon Sep 17 00:00:00 2001
From: Jordan Vidrine <jordan@jordanvidrine.com>
Date: Mon, 13 Jan 2025 10:55:59 -0600
Subject: [PATCH] more

---
 assets/stylesheets/common/activity-calendar.scss | 10 ++++++++++
 assets/stylesheets/common/best-topics.scss       |  3 ---
 assets/stylesheets/common/rewind.scss            |  1 +
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/assets/stylesheets/common/activity-calendar.scss b/assets/stylesheets/common/activity-calendar.scss
index fa98e6d..6cec55d 100644
--- a/assets/stylesheets/common/activity-calendar.scss
+++ b/assets/stylesheets/common/activity-calendar.scss
@@ -2,10 +2,16 @@
   margin-bottom: 5em;
   .rewind-card {
     @include rewind-border;
+    @media screen and (width <= 425px) {
+      padding: 0.5em;
+    }
   }
   .rewind-calendar {
     border-collapse: unset;
     border-spacing: 3px;
+    @media screen and (width <= 425px) {
+      border-spacing: 1px;
+    }
     tr {
       border: none;
     }
@@ -20,6 +26,10 @@
   .rewind-calendar-cell {
     height: 10px;
     width: 10px;
+    @media screen and (width <= 425px) {
+      height: 5px;
+      width: 5px;
+    }
     border-radius: calc(var(--rewind-border-radius) / 2);
     border: 1px solid rgba(var(--primary-rgb), 0.2);
     &.-empty {
diff --git a/assets/stylesheets/common/best-topics.scss b/assets/stylesheets/common/best-topics.scss
index 16b35e2..d2eb6ce 100644
--- a/assets/stylesheets/common/best-topics.scss
+++ b/assets/stylesheets/common/best-topics.scss
@@ -28,9 +28,6 @@
     flex-direction: column;
     text-align: left;
     max-width: 700px;
-    @media screen and (max-width: 425px) {
-      max-width: 90%;
-    }
     @include rewind-border;
     &.rank-1 {
       --background: #ffe46a;
diff --git a/assets/stylesheets/common/rewind.scss b/assets/stylesheets/common/rewind.scss
index 10ba69e..c984b78 100644
--- a/assets/stylesheets/common/rewind.scss
+++ b/assets/stylesheets/common/rewind.scss
@@ -44,6 +44,7 @@
   background: var(--secondary);
   @media (width <= 768px) {
     border: none;
+    border-radius: 0px;
   }
 }