Add text to Remix button

components/Button/index.scss

@@ -38,6 +38,11 @@
     &:hover {
       background: none;
     }
+
+    .Text {
+      font-size: $font-small;
+      font-weight: $bold;
+    }
   }
 
   &.Contained {

components/PartyDetails/index.tsx

@@ -715,6 +715,7 @@ const PartyDetails = (props: Props) => {
                   <Button
                     className="IconButton Blended"
                     leftAccessoryIcon={<RemixIcon />}
+                    text={t('tokens.remix')}
                     onClick={() => goTo(party.sourceParty?.shortcode)}
                   />
                 </Tooltip>

components/Token/index.scss

@@ -1,7 +1,7 @@
 .Token {
   background: var(--input-bg);
   border-radius: 99px;
-  display: inline;
+  display: inline-flex;
   font-size: $font-small;
   font-weight: $medium;
   min-width: 3rem;

public/locales/en/common.json

@@ -399,6 +399,9 @@
   "toasts": {
     "copied": "This party's URL was copied to your clipboard"
   },
+  "tokens": {
+    "remix": "Remix"
+  },
   "tooltips": {
     "remix": "Make a copy of this team",
     "save": "Save this team to your account",

public/locales/ja/common.json

@@ -400,6 +400,9 @@
   "toasts": {
     "copied": "この編成のURLはクリップボードにコピーされました"
   },
+  "tokens": {
+    "remix": "リミックス"
+  },
   "tooltips": {
     "remix": "この編成をコピーする",
     "save": "この編成をアカウントに保存する",