fix: correct checkbox position (again) for slider edits (#3227)

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
-          <div className="pointer-events-none mb-4 flex-1 md:mb-0">
+          className={`pointer-events-none ${
-            {(slider.type === DiscoverSliderType.TMDB_MOVIE_KEYWORD ||
+            slider.data ? 'mb-4' : ''
-              slider.type === DiscoverSliderType.TMDB_TV_KEYWORD) && (
+          } flex-1 md:mb-0`}
-              <div className="flex space-x-2">
+        >
-                {slider.data?.split(',').map((keywordId) => (
+          {(slider.type === DiscoverSliderType.TMDB_MOVIE_KEYWORD ||
-                  <KeywordTag
+            slider.type === DiscoverSliderType.TMDB_TV_KEYWORD) && (
-                    key={`slider-keywords-${slider.id}-${keywordId}`}
+            <div className="flex space-x-2">
-                    keywordId={Number(keywordId)}
+              {slider.data?.split(',').map((keywordId) => (
-                  />
+                <KeywordTag
-                ))}
+                  key={`slider-keywords-${slider.id}-${keywordId}`}
-              </div>
+                  keywordId={Number(keywordId)}
-            )}
+                />
-            {(slider.type === DiscoverSliderType.TMDB_NETWORK ||
+              ))}
-              slider.type === DiscoverSliderType.TMDB_STUDIO) && (
+            </div>
-              <CompanyTag
+          )}
-                type={
+          {(slider.type === DiscoverSliderType.TMDB_NETWORK ||
-                  slider.type === DiscoverSliderType.TMDB_STUDIO
+            slider.type === DiscoverSliderType.TMDB_STUDIO) && (
-                    ? 'studio'
+            <CompanyTag
-                    : 'network'
+              type={
-                }
+                slider.type === DiscoverSliderType.TMDB_STUDIO
-                companyId={Number(slider.data)}
+                  ? 'studio'
-              />
+                  : 'network'
-            )}
+              }
-            {(slider.type === DiscoverSliderType.TMDB_TV_GENRE ||
+              companyId={Number(slider.data)}
-              slider.type === DiscoverSliderType.TMDB_MOVIE_GENRE) && (
+            />
-              <GenreTag
+          )}
-                type={
+          {(slider.type === DiscoverSliderType.TMDB_TV_GENRE ||
-                  slider.type === DiscoverSliderType.TMDB_MOVIE_GENRE
+            slider.type === DiscoverSliderType.TMDB_MOVIE_GENRE) && (
-                    ? 'movie'
+            <GenreTag
-                    : 'tv'
+              type={
-                }
+                slider.type === DiscoverSliderType.TMDB_MOVIE_GENRE
-                genreId={Number(slider.data)}
+                  ? 'movie'
-              />
+                  : 'tv'
-            )}
+              }
-            {slider.type === DiscoverSliderType.TMDB_SEARCH && (
+              genreId={Number(slider.data)}
-              <Tag iconSvg={<MagnifyingGlassIcon />}>{slider.data}</Tag>
+            />
-            )}
+          )}
-          </div>
+          {slider.type === DiscoverSliderType.TMDB_SEARCH && (
-        )}
+            <Tag iconSvg={<MagnifyingGlassIcon />}>{slider.data}</Tag>
+          )}
+        </div>
         <div className="flex items-center space-x-2">
           {!slider.isBuiltIn && (
             <>