diff --git a/frontend/src/Parse/ParseResult.css b/frontend/src/Parse/ParseResult.css index d5de120fa..c49c4e3fa 100644 --- a/frontend/src/Parse/ParseResult.css +++ b/frontend/src/Parse/ParseResult.css @@ -1,20 +1,8 @@ -.item { +.container { display: flex; + flex-wrap: wrap; } -.title { - margin-right: 20px; - width: 250px; - text-align: right; - font-weight: bold; -} - -.description { - /* composes: description from '~Components/DescriptionList/DescriptionListItemTitle.css'; */ -} - -@media (max-width: $breakpointSmall) { - .item { - display: block; - } +.column { + flex: 0 0 50%; } diff --git a/frontend/src/Parse/ParseResult.css.d.ts b/frontend/src/Parse/ParseResult.css.d.ts index 13942714e..653368e06 100644 --- a/frontend/src/Parse/ParseResult.css.d.ts +++ b/frontend/src/Parse/ParseResult.css.d.ts @@ -1,9 +1,8 @@ // This file is automatically generated. // Please do not change this file! interface CssExports { - 'description': string; - 'item': string; - 'title': string; + 'column': string; + 'container': string; } export const cssExports: CssExports; export default cssExports; diff --git a/frontend/src/Parse/ParseResult.tsx b/frontend/src/Parse/ParseResult.tsx index 575b8467f..c0a335e2f 100644 --- a/frontend/src/Parse/ParseResult.tsx +++ b/frontend/src/Parse/ParseResult.tsx @@ -5,6 +5,7 @@ import EpisodeFormats from 'Episode/EpisodeFormats'; import SeriesTitleLink from 'Series/SeriesTitleLink'; import translate from 'Utilities/String/translate'; import ParseResultItem from './ParseResultItem'; +import styles from './ParseResult.css'; interface ParseResultProps { item: ParseModel; @@ -76,95 +77,112 @@ function ParseResult(props: ParseResultProps) { /> - {/* - + {/* + Year Secondary titles special episode - + */}