From 7bbf2f1ce262354b1b621457a1cc0d8a19456b07 Mon Sep 17 00:00:00 2001
From: Ajay <dev@ajay.app>
Date: Sun, 18 Sep 2022 16:47:02 -0400
Subject: [PATCH] Shrink chapter vote buttons

---
 src/components/ChapterVoteComponent.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/ChapterVoteComponent.tsx b/src/components/ChapterVoteComponent.tsx
index 4893739e..8bb07a56 100644
--- a/src/components/ChapterVoteComponent.tsx
+++ b/src/components/ChapterVoteComponent.tsx
@@ -12,11 +12,13 @@ import { Tooltip } from "../render/Tooltip";
 
 export interface ChapterVoteProps {
     vote: (type: number, UUID: SegmentUUID, category?: Category) => Promise<VoteResponse>;
+    size?: string;
 }
 
 export interface ChapterVoteState {
     segment?: SponsorTime;
     show: boolean;
+    size: string;
 }
 
 class ChapterVoteComponent extends React.Component<ChapterVoteProps, ChapterVoteState> {
@@ -27,7 +29,8 @@ class ChapterVoteComponent extends React.Component<ChapterVoteProps, ChapterVote
 
         this.state = {
             segment: null,
-            show: false
+            show: false,
+            size: props.size ?? "22px"
         };
     }
 
@@ -47,7 +50,7 @@ class ChapterVoteComponent extends React.Component<ChapterVoteProps, ChapterVote
                         onClick={(e) => this.vote(e, 1)}>
                     <ThumbsUpSvg className="playerButtonImage" 
                         fill={Config.config.colorPalette.white} 
-                        width={null} height={null} />
+                        width={this.state.size} height={this.state.size} />
                 </button>
 
                 {/* Downvote Button */}
@@ -97,8 +100,8 @@ class ChapterVoteComponent extends React.Component<ChapterVoteProps, ChapterVote
                     <ThumbsDownSvg 
                         className="playerButtonImage" 
                         fill={downvoteButtonColor(this.state.segment ? [this.state.segment] : null, SkipNoticeAction.Downvote, SkipNoticeAction.Downvote)} 
-                        width={null} 
-                        height={null} />
+                        width={this.state.size} 
+                        height={this.state.size} />
                 </button>
             </>
         );