From 3ba6df1a41c084c4a6a90354338047623abef521 Mon Sep 17 00:00:00 2001
From: Ryan Cohen <ryan@sct.dev>
Date: Mon, 9 Jan 2023 15:15:26 +0900
Subject: [PATCH] fix: correct checkbox position (again) for slider edits
 (#3227)

---
 .../Discover/DiscoverSliderEdit/index.tsx     | 82 ++++++++++---------
 1 file changed, 42 insertions(+), 40 deletions(-)

diff --git a/src/components/Discover/DiscoverSliderEdit/index.tsx b/src/components/Discover/DiscoverSliderEdit/index.tsx
index 8c5c3666..22ade130 100644
--- a/src/components/Discover/DiscoverSliderEdit/index.tsx
+++ b/src/components/Discover/DiscoverSliderEdit/index.tsx
@@ -190,46 +190,48 @@ const DiscoverSliderEdit = ({
           <Bars3Icon className="h-6 w-6" />
           <div>{getSliderTitle(slider)}</div>
         </div>
-        {slider.data && (
-          <div className="pointer-events-none mb-4 flex-1 md:mb-0">
-            {(slider.type === DiscoverSliderType.TMDB_MOVIE_KEYWORD ||
-              slider.type === DiscoverSliderType.TMDB_TV_KEYWORD) && (
-              <div className="flex space-x-2">
-                {slider.data?.split(',').map((keywordId) => (
-                  <KeywordTag
-                    key={`slider-keywords-${slider.id}-${keywordId}`}
-                    keywordId={Number(keywordId)}
-                  />
-                ))}
-              </div>
-            )}
-            {(slider.type === DiscoverSliderType.TMDB_NETWORK ||
-              slider.type === DiscoverSliderType.TMDB_STUDIO) && (
-              <CompanyTag
-                type={
-                  slider.type === DiscoverSliderType.TMDB_STUDIO
-                    ? 'studio'
-                    : 'network'
-                }
-                companyId={Number(slider.data)}
-              />
-            )}
-            {(slider.type === DiscoverSliderType.TMDB_TV_GENRE ||
-              slider.type === DiscoverSliderType.TMDB_MOVIE_GENRE) && (
-              <GenreTag
-                type={
-                  slider.type === DiscoverSliderType.TMDB_MOVIE_GENRE
-                    ? 'movie'
-                    : 'tv'
-                }
-                genreId={Number(slider.data)}
-              />
-            )}
-            {slider.type === DiscoverSliderType.TMDB_SEARCH && (
-              <Tag iconSvg={<MagnifyingGlassIcon />}>{slider.data}</Tag>
-            )}
-          </div>
-        )}
+        <div
+          className={`pointer-events-none ${
+            slider.data ? 'mb-4' : ''
+          } flex-1 md:mb-0`}
+        >
+          {(slider.type === DiscoverSliderType.TMDB_MOVIE_KEYWORD ||
+            slider.type === DiscoverSliderType.TMDB_TV_KEYWORD) && (
+            <div className="flex space-x-2">
+              {slider.data?.split(',').map((keywordId) => (
+                <KeywordTag
+                  key={`slider-keywords-${slider.id}-${keywordId}`}
+                  keywordId={Number(keywordId)}
+                />
+              ))}
+            </div>
+          )}
+          {(slider.type === DiscoverSliderType.TMDB_NETWORK ||
+            slider.type === DiscoverSliderType.TMDB_STUDIO) && (
+            <CompanyTag
+              type={
+                slider.type === DiscoverSliderType.TMDB_STUDIO
+                  ? 'studio'
+                  : 'network'
+              }
+              companyId={Number(slider.data)}
+            />
+          )}
+          {(slider.type === DiscoverSliderType.TMDB_TV_GENRE ||
+            slider.type === DiscoverSliderType.TMDB_MOVIE_GENRE) && (
+            <GenreTag
+              type={
+                slider.type === DiscoverSliderType.TMDB_MOVIE_GENRE
+                  ? 'movie'
+                  : 'tv'
+              }
+              genreId={Number(slider.data)}
+            />
+          )}
+          {slider.type === DiscoverSliderType.TMDB_SEARCH && (
+            <Tag iconSvg={<MagnifyingGlassIcon />}>{slider.data}</Tag>
+          )}
+        </div>
         <div className="flex items-center space-x-2">
           {!slider.isBuiltIn && (
             <>