From 488d638c72f55b57c70998317e9a4af4543a6982 Mon Sep 17 00:00:00 2001
From: Varun Patil <radialapps@gmail.com>
Date: Sun, 21 May 2023 19:00:04 -0700
Subject: [PATCH] explore, app: move around some padding

Signed-off-by: Varun Patil <radialapps@gmail.com>
---
 src/App.vue                     | 5 -----
 src/components/ClusterHList.vue | 4 ++--
 src/components/Explore.vue      | 6 +++---
 src/components/Timeline.vue     | 7 +++++++
 4 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 915445d4..c2187735 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -429,11 +429,6 @@ export default defineComponent({
 @media (max-width: 768px) {
   .outer {
     padding: 0px;
-
-    // Get rid of padding on img-outer (1px on mobile)
-    // Also need to make sure we don't end up with a scrollbar -- see below
-    margin-left: -1px;
-    width: calc(100% + 3px); // 1px extra here because ... reasons
   }
 }
 </style>
diff --git a/src/components/ClusterHList.vue b/src/components/ClusterHList.vue
index 3fec2926..7cae6d5b 100644
--- a/src/components/ClusterHList.vue
+++ b/src/components/ClusterHList.vue
@@ -49,7 +49,7 @@ export default defineComponent({
   width: 100%;
 
   > .title {
-    padding: 4px 18px 8px 16px;
+    padding: 4px 16px 8px 14px;
     display: flex;
 
     > .name {
@@ -69,7 +69,7 @@ export default defineComponent({
     width: 100%;
     overflow-x: auto;
     white-space: nowrap;
-    padding: 0 8px;
+    padding: 0 6px;
 
     > .item {
       display: inline-block;
diff --git a/src/components/Explore.vue b/src/components/Explore.vue
index 688ed77c..6d00f51b 100644
--- a/src/components/Explore.vue
+++ b/src/components/Explore.vue
@@ -179,12 +179,12 @@ export default defineComponent({
   padding-top: 8px;
 
   .link-list {
-    padding: 8px 10px;
+    padding: 6px 7px;
 
     > .link {
       display: inline-block;
-      width: calc(50% - 5px);
-      margin: 0 5px 8px 0;
+      width: calc(50% - 4px);
+      margin: 3px 2px;
       border-radius: 10px;
     }
   }
diff --git a/src/components/Timeline.vue b/src/components/Timeline.vue
index be5afc9d..23ba9645 100644
--- a/src/components/Timeline.vue
+++ b/src/components/Timeline.vue
@@ -1301,6 +1301,13 @@ export default defineComponent({
   user-select: none;
   -webkit-user-select: none; // iOS Safari is a horrible browser
   position: relative;
+
+  @media (max-width: 768px) {
+    // Get rid of padding on img-outer (1px on mobile)
+    // Also need to make sure we don't end up with a scrollbar -- see below
+    margin-left: -1px;
+    width: calc(100% + 2px);
+  }
 }
 
 .recycler {