From 8d042a80a03c3cd61f2d0f4111578a3077c0e0e0 Mon Sep 17 00:00:00 2001
From: KoloMl <thekolomoets@hotmail.com>
Date: Sat, 9 Aug 2025 01:23:06 +0400
Subject: [PATCH] Derpibooru: Fixed incorrect padding on media box tags

---
 src/styles/content/listing.scss | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/styles/content/listing.scss b/src/styles/content/listing.scss
index ef53e9b..467bcda 100644
--- a/src/styles/content/listing.scss
+++ b/src/styles/content/listing.scss
@@ -1,5 +1,6 @@
 @use '$styles/colors';
 @use '$styles/booru-vars';
+@use '$styles/environment';
 
 // This will fix wierd misplacing of the modified media boxes in the listing.
 .js-resizable-media-container {
@@ -66,9 +67,17 @@
 
     .tag {
       cursor: pointer;
-      padding: 5px;
       user-select: none;
 
+      // Derpibooru has slight differences in how tags are displayed.
+      @if environment.$current-site == 'derpibooru' {
+        padding: 0 5px;
+        gap: 0;
+      }
+      @else {
+        padding: 5px;
+      }
+
       &:hover {
         background: booru-vars.$resolved-tag-color;
         color: booru-vars.$resolved-tag-background;