From a6026cc5921717e73921b0d5c9b19f9ddf9bdabd Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sun, 2 Jul 2023 02:05:42 -0700
Subject: [PATCH] Add custom styles for remixed pill

This pill displays when a party is a remix. We shrunk it so it wasn't quite the size of a normal small button, and then added disabled states for if the original party was deleted
---
 components/common/Button/index.module.scss | 27 ++++++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/components/common/Button/index.module.scss b/components/common/Button/index.module.scss
index 09a40888..f214d29f 100644
--- a/components/common/Button/index.module.scss
+++ b/components/common/Button/index.module.scss
@@ -118,8 +118,31 @@
     }
   }
 
-  @include breakpoint(phone) {
-    &.remixed {
+  &.remixed.small {
+    padding: $unit-half * 1.5;
+
+    &:disabled {
+      background-color: var(--button-bg-disabled);
+
+      .accessory svg {
+        fill: var(--button-text-disabled);
+
+        &:hover {
+          fill: var(--button-text-disabled);
+        }
+      }
+    }
+
+    .accessory svg {
+      height: 12px;
+      width: 12px;
+    }
+
+    .text {
+      font-size: $font-tiny;
+    }
+
+    @include breakpoint(phone) {
       .text {
         display: none;
       }