diff --git a/frontend/src/Artist/Index/Select/ArtistIndexPosterSelect.css b/frontend/src/Artist/Index/Select/ArtistIndexPosterSelect.css index 17769e43b..8383be17c 100644 --- a/frontend/src/Artist/Index/Select/ArtistIndexPosterSelect.css +++ b/frontend/src/Artist/Index/Select/ArtistIndexPosterSelect.css @@ -1,36 +1,38 @@ +.checkButton { + position: absolute; + top: 0; + left: 0; + z-index: 3; + width: 36px; + height: 36px; +} + .checkContainer { position: absolute; - top: 10px; - left: 10px; - z-index: 3; + top: 8px; + left: 8px; width: 18px; height: 18px; border-radius: 50%; background-color: var(--defaultColor); } -.icon { - position: absolute; - top: -1px; - left: -1px; -} - .selected { - composes: icon; - color: var(--lidarrGreen); - - &:hover { - color: var(--white); - } } .unselected { - composes: icon; - color: var(--white); +} +.checkButton { &:hover { - color: var(--lidarrGreen); + .selected { + color: var(--white); + } + + .unselected { + color: var(--lidarrGreen); + } } } diff --git a/frontend/src/Artist/Index/Select/ArtistIndexPosterSelect.css.d.ts b/frontend/src/Artist/Index/Select/ArtistIndexPosterSelect.css.d.ts index a443b31bc..d4de0b5f5 100644 --- a/frontend/src/Artist/Index/Select/ArtistIndexPosterSelect.css.d.ts +++ b/frontend/src/Artist/Index/Select/ArtistIndexPosterSelect.css.d.ts @@ -1,8 +1,8 @@ // This file is automatically generated. // Please do not change this file! interface CssExports { + 'checkButton': string; 'checkContainer': string; - 'icon': string; 'selected': string; 'unselected': string; } diff --git a/frontend/src/Artist/Index/Select/ArtistIndexPosterSelect.tsx b/frontend/src/Artist/Index/Select/ArtistIndexPosterSelect.tsx index 804cb7ac7..cc072f41a 100644 --- a/frontend/src/Artist/Index/Select/ArtistIndexPosterSelect.tsx +++ b/frontend/src/Artist/Index/Select/ArtistIndexPosterSelect.tsx @@ -1,6 +1,7 @@ import React, { useCallback } from 'react'; import { useSelect } from 'App/SelectContext'; -import IconButton from 'Components/Link/IconButton'; +import Icon from 'Components/Icon'; +import Link from 'Components/Link/Link'; import { icons } from 'Helpers/Props'; import styles from './ArtistIndexPosterSelect.css'; @@ -28,13 +29,15 @@ function ArtistIndexPosterSelect(props: ArtistIndexPosterSelectProps) { ); return ( - + + + + + ); }