From 6e9ac275e19d56de8c7a366db970c7321f26fc8a Mon Sep 17 00:00:00 2001
From: TheCatLady <52870424+TheCatLady@users.noreply.github.com>
Date: Tue, 2 Feb 2021 04:04:13 -0500
Subject: [PATCH] fix(html): th elements should be nested under tr, not
 directly under thead (#801)

---
 src/components/RequestList/index.tsx          | 12 +++++----
 .../Settings/SettingsJobsCache/index.tsx      | 26 +++++++++++--------
 2 files changed, 22 insertions(+), 16 deletions(-)

diff --git a/src/components/RequestList/index.tsx b/src/components/RequestList/index.tsx
index 1934e594..b8259b55 100644
--- a/src/components/RequestList/index.tsx
+++ b/src/components/RequestList/index.tsx
@@ -134,11 +134,13 @@ const RequestList: React.FC = () => {
       </div>
       <Table>
         <thead>
-          <Table.TH>{intl.formatMessage(messages.mediaInfo)}</Table.TH>
-          <Table.TH>{intl.formatMessage(messages.status)}</Table.TH>
-          <Table.TH>{intl.formatMessage(messages.requestedAt)}</Table.TH>
-          <Table.TH>{intl.formatMessage(messages.modifiedBy)}</Table.TH>
-          <Table.TH></Table.TH>
+          <tr>
+            <Table.TH>{intl.formatMessage(messages.mediaInfo)}</Table.TH>
+            <Table.TH>{intl.formatMessage(messages.status)}</Table.TH>
+            <Table.TH>{intl.formatMessage(messages.requestedAt)}</Table.TH>
+            <Table.TH>{intl.formatMessage(messages.modifiedBy)}</Table.TH>
+            <Table.TH></Table.TH>
+          </tr>
         </thead>
         <Table.TBody>
           {data.results.map((request) => {
diff --git a/src/components/Settings/SettingsJobsCache/index.tsx b/src/components/Settings/SettingsJobsCache/index.tsx
index 0accb799..0a3c87d9 100644
--- a/src/components/Settings/SettingsJobsCache/index.tsx
+++ b/src/components/Settings/SettingsJobsCache/index.tsx
@@ -108,10 +108,12 @@ const SettingsJobs: React.FC = () => {
       <div className="section">
         <Table>
           <thead>
-            <Table.TH>{intl.formatMessage(messages.jobname)}</Table.TH>
-            <Table.TH>{intl.formatMessage(messages.jobtype)}</Table.TH>
-            <Table.TH>{intl.formatMessage(messages.nextexecution)}</Table.TH>
-            <Table.TH></Table.TH>
+            <tr>
+              <Table.TH>{intl.formatMessage(messages.jobname)}</Table.TH>
+              <Table.TH>{intl.formatMessage(messages.jobtype)}</Table.TH>
+              <Table.TH>{intl.formatMessage(messages.nextexecution)}</Table.TH>
+              <Table.TH></Table.TH>
+            </tr>
           </thead>
           <Table.TBody>
             {data?.map((job) => (
@@ -169,13 +171,15 @@ const SettingsJobs: React.FC = () => {
       <div className="section">
         <Table>
           <thead>
-            <Table.TH>{intl.formatMessage(messages.cachename)}</Table.TH>
-            <Table.TH>{intl.formatMessage(messages.cachehits)}</Table.TH>
-            <Table.TH>{intl.formatMessage(messages.cachemisses)}</Table.TH>
-            <Table.TH>{intl.formatMessage(messages.cachekeys)}</Table.TH>
-            <Table.TH>{intl.formatMessage(messages.cacheksize)}</Table.TH>
-            <Table.TH>{intl.formatMessage(messages.cachevsize)}</Table.TH>
-            <Table.TH></Table.TH>
+            <tr>
+              <Table.TH>{intl.formatMessage(messages.cachename)}</Table.TH>
+              <Table.TH>{intl.formatMessage(messages.cachehits)}</Table.TH>
+              <Table.TH>{intl.formatMessage(messages.cachemisses)}</Table.TH>
+              <Table.TH>{intl.formatMessage(messages.cachekeys)}</Table.TH>
+              <Table.TH>{intl.formatMessage(messages.cacheksize)}</Table.TH>
+              <Table.TH>{intl.formatMessage(messages.cachevsize)}</Table.TH>
+              <Table.TH></Table.TH>
+            </tr>
           </thead>
           <Table.TBody>
             {cacheData?.map((cache) => (