From 77063cd726900c69d5e6c7cfd957166639edc8fd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nile=CC=81ane?= <nileanedorffer@gmail.com>
Date: Mon, 26 Aug 2024 16:57:19 +0200
Subject: [PATCH] Improve load gap look

---
 TangerineUI-cherry.css | 4 ++++
 TangerineUI-lagoon.css | 4 ++++
 TangerineUI-purple.css | 4 ++++
 TangerineUI.css        | 4 ++++
 4 files changed, 16 insertions(+)

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index 20b8b98..d7b42da 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -3522,6 +3522,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     background-color: var(--color-content-secondary-bg);
     color: var(--color-accent);
     border-bottom: 0;
+    display: flex;
+    justify-content: center;
+    transition: background .3s;
+    padding: 8px;
 }
 .app-body :is(.load-gap, .load-more):is(:active, :hover) {
     background-color: var(--color-accent-lines);
diff --git a/TangerineUI-lagoon.css b/TangerineUI-lagoon.css
index 757e8ad..4b1f9d7 100644
--- a/TangerineUI-lagoon.css
+++ b/TangerineUI-lagoon.css
@@ -3522,6 +3522,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     background-color: var(--color-content-secondary-bg);
     color: var(--color-accent);
     border-bottom: 0;
+    display: flex;
+    justify-content: center;
+    transition: background .3s;
+    padding: 8px;
 }
 .app-body :is(.load-gap, .load-more):is(:active, :hover) {
     background-color: var(--color-accent-lines);
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index eb239f9..5a9aee6 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -3522,6 +3522,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     background-color: var(--color-content-secondary-bg);
     color: var(--color-accent);
     border-bottom: 0;
+    display: flex;
+    justify-content: center;
+    transition: background .3s;
+    padding: 8px;
 }
 .app-body :is(.load-gap, .load-more):is(:active, :hover) {
     background-color: var(--color-accent-lines);
diff --git a/TangerineUI.css b/TangerineUI.css
index 51c02b0..b74c397 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -3522,6 +3522,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     background-color: var(--color-content-secondary-bg);
     color: var(--color-accent);
     border-bottom: 0;
+    display: flex;
+    justify-content: center;
+    transition: background .3s;
+    padding: 8px;
 }
 .app-body :is(.load-gap, .load-more):is(:active, :hover) {
     background-color: var(--color-accent-lines);