fix: correct spacing on season header badges (#2983)

src/components/AirDateBadge/index.tsx

@@ -3,7 +3,7 @@ import { defineMessages, FormattedRelativeTime, useIntl } from 'react-intl';
 
 const messages = defineMessages({
   airedrelative: 'Aired {relativeTime}',
-  airsrelative: 'Airs {relativeTime}',
+  airsrelative: 'Airing {relativeTime}',
 });
 
 type AirDateBadgeProps = {

src/components/ManageSlideOver/index.tsx

@@ -137,7 +137,7 @@ const ManageSlideOver = ({
       <div className="space-y-6">
         {((data?.mediaInfo?.downloadStatus ?? []).length > 0 ||
           (data?.mediaInfo?.downloadStatus4k ?? []).length > 0) && (
-          <>
+          <div>
             <h3 className="mb-2 text-xl font-bold">
               {intl.formatMessage(messages.downloadstatus)}
             </h3>
@@ -161,13 +161,13 @@ const ManageSlideOver = ({
                 ))}
               </ul>
             </div>
-          </>
+          </div>
         )}
         {hasPermission([Permission.MANAGE_ISSUES, Permission.VIEW_ISSUES], {
           type: 'or',
         }) &&
           openIssues.length > 0 && (
-            <>
+            <div>
               <h3 className="mb-2 text-xl font-bold">
                 {intl.formatMessage(messages.manageModalIssues)}
               </h3>
@@ -183,10 +183,10 @@ const ManageSlideOver = ({
                   ))}
                 </ul>
               </div>
-            </>
+            </div>
           )}
         {requests.length > 0 && (
-          <>
+          <div>
             <h3 className="mb-2 text-xl font-bold">
               {intl.formatMessage(messages.manageModalRequests)}
             </h3>
@@ -205,13 +205,13 @@ const ManageSlideOver = ({
                 ))}
               </ul>
             </div>
-          </>
+          </div>
         )}
         {hasPermission(Permission.ADMIN) &&
           (data.mediaInfo?.serviceUrl ||
             data.mediaInfo?.tautulliUrl ||
             watchData?.data) && (
-            <>
+            <div>
               <h3 className="mb-2 text-xl font-bold">
                 {intl.formatMessage(messages.manageModalMedia)}
               </h3>
@@ -324,7 +324,7 @@ const ManageSlideOver = ({
                   </a>
                 )}
               </div>
-            </>
+            </div>
           )}
         {hasPermission(Permission.ADMIN) &&
           (data.mediaInfo?.serviceUrl4k ||

src/components/TvDetails/index.tsx

@@ -536,7 +536,7 @@ const TvDetails = ({ tv }: TvDetailsProps) => {
                     {({ open }) => (
                       <>
                         <Disclosure.Button
-                          className={`mt-2 flex w-full items-center justify-between border-gray-700 bg-gray-800 px-4 py-2 text-gray-200 ${
+                          className={`mt-2 flex w-full items-center justify-between space-x-2 border-gray-700 bg-gray-800 px-4 py-2 text-gray-200 ${
                             open
                               ? 'rounded-t-md border-t border-l border-r'
                               : 'rounded-md border'
@@ -630,7 +630,7 @@ const TvDetails = ({ tv }: TvDetailsProps) => {
                           <ChevronUpIcon
                             className={`${
                               open ? 'rotate-180 transform' : ''
-                            } h-5 w-5 text-gray-500`}
+                            } h-6 w-6 text-gray-500`}
                           />
                         </Disclosure.Button>
                         <Transition

src/i18n/locale/en.json

@@ -1,6 +1,6 @@
 {
   "components.AirDateBadge.airedrelative": "Aired {relativeTime}",
-  "components.AirDateBadge.airsrelative": "Airs {relativeTime}",
+  "components.AirDateBadge.airsrelative": "Airing {relativeTime}",
   "components.AppDataWarning.dockerVolumeMissingDescription": "The <code>{appDataPath}</code> volume mount was not configured properly. All data will be cleared when the container is stopped or restarted.",
   "components.CollectionDetails.numberofmovies": "{count} Movies",
   "components.CollectionDetails.overview": "Overview",