From 7c38b1f8f28db643611c610621e35e99373e1e93 Mon Sep 17 00:00:00 2001
From: Ajay Ramachandran <dev@ajay.app>
Date: Sun, 10 May 2020 20:27:33 -0400
Subject: [PATCH] Fix new vote options table layout

---
 src/components/SkipNoticeComponent.tsx | 56 +++++++++++++-------------
 1 file changed, 29 insertions(+), 27 deletions(-)

diff --git a/src/components/SkipNoticeComponent.tsx b/src/components/SkipNoticeComponent.tsx
index 7f75e7de..b4399e65 100644
--- a/src/components/SkipNoticeComponent.tsx
+++ b/src/components/SkipNoticeComponent.tsx
@@ -189,21 +189,23 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
                 {/* Downvote Options Row */}
                 {this.state.downvoting &&
                     <tr id={"sponsorSkipNoticeDownvoteOptionsRow" + this.idSuffix}>
+                        <td id={"sponsorTimesDownvoteOptionsContainer" + this.idSuffix}>
 
-                        {/* Normal downvote */}
-                        <button className="sponsorSkipObject sponsorSkipNoticeButton"
-                                onClick={() => this.contentContainer().vote(0, this.UUID, undefined, this)}>
-                            {chrome.i18n.getMessage("downvoteDescription")}
-                        </button>
-
-                        {/* Category vote */}
-                        {Config.config.testingServer &&
+                            {/* Normal downvote */}
                             <button className="sponsorSkipObject sponsorSkipNoticeButton"
-                                    onClick={() => this.openCategoryChooser()}>
-
-                                {chrome.i18n.getMessage("incorrectCategory")}
+                                    onClick={() => this.contentContainer().vote(0, this.UUID, undefined, this)}>
+                                {chrome.i18n.getMessage("downvoteDescription")}
                             </button>
-                        }
+
+                            {/* Category vote */}
+                            {Config.config.testingServer &&
+                                <button className="sponsorSkipObject sponsorSkipNoticeButton"
+                                        onClick={() => this.openCategoryChooser()}>
+
+                                    {chrome.i18n.getMessage("incorrectCategory")}
+                                </button>
+                            }
+                        </td>
 
                     </tr>
                 }
@@ -211,24 +213,24 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
                 {/* Category Chooser Row */}
                 {this.state.choosingCategory &&
                     <tr id={"sponsorSkipNoticeCategoryChooserRow" + this.idSuffix}>
+                        <td>
+                            {/* Category Selector */}
+                            <select id={"sponsorTimeCategories" + this.idSuffix}
+                                    className="sponsorTimeCategories"
+                                    defaultValue={utils.getSponsorTimeFromUUID(this.props.contentContainer().sponsorTimes, this.props.UUID).category}
+                                    ref={this.categoryOptionRef}
+                                    onChange={this.categorySelectionChange.bind(this)}>
 
-                        {/* Category Selector */}
-                        <select id={"sponsorTimeCategories" + this.idSuffix}
-                                className="sponsorTimeCategories"
-                                defaultValue={utils.getSponsorTimeFromUUID(this.props.contentContainer().sponsorTimes, this.props.UUID).category}
-                                ref={this.categoryOptionRef}
-                                onChange={this.categorySelectionChange.bind(this)}>
+                                {this.getCategoryOptions()}
+                            </select>
 
-                            {this.getCategoryOptions()}
-                        </select>
-
-                        {/* Submit Button */}
-                        <button className="sponsorSkipObject sponsorSkipNoticeButton"
-                                onClick={() => this.contentContainer().vote(undefined, this.UUID, this.categoryOptionRef.current.value, this)}>
-
-                            {chrome.i18n.getMessage("submit")}
-                        </button>
+                            {/* Submit Button */}
+                            <button className="sponsorSkipObject sponsorSkipNoticeButton"
+                                    onClick={() => this.contentContainer().vote(undefined, this.UUID, this.categoryOptionRef.current.value, this)}>
 
+                                {chrome.i18n.getMessage("submit")}
+                            </button>
+                        </td>
                     </tr>
                 }