From 21f563fdb7bd41fd5fbbc747c3af1d5ef372cf46 Mon Sep 17 00:00:00 2001
From: Ajay Ramachandran <dev@ajay.app>
Date: Wed, 18 Aug 2021 13:33:28 -0400
Subject: [PATCH] Fix confusing padding on options page

---
 public/options/options.css                      | 3 +++
 src/components/CategorySkipOptionsComponent.tsx | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/public/options/options.css b/public/options/options.css
index 20c747e0..2990f193 100644
--- a/public/options/options.css
+++ b/public/options/options.css
@@ -343,6 +343,9 @@ svg {
 
 .categoryTableElement > * {
     padding-right: 15px;
+}
+
+.categoryTableDescription > * {
     padding-bottom: 15px;
 }
 
diff --git a/src/components/CategorySkipOptionsComponent.tsx b/src/components/CategorySkipOptionsComponent.tsx
index 370e1bb0..fe0f180f 100644
--- a/src/components/CategorySkipOptionsComponent.tsx
+++ b/src/components/CategorySkipOptionsComponent.tsx
@@ -91,7 +91,7 @@ class CategorySkipOptionsComponent extends React.Component<CategorySkipOptionsPr
                 </tr>
 
                 <tr id={this.props.category + "DescriptionRow"}
-                    className="small-description">
+                    className="small-description categoryTableDescription">
                         <td
                             colSpan={2}>
                             {chrome.i18n.getMessage("category_" + this.props.category + "_description")}