diff --git a/frontend/src/Activity/History/HistoryRow.js b/frontend/src/Activity/History/HistoryRow.js index f5ae69406..c926d8e98 100644 --- a/frontend/src/Activity/History/HistoryRow.js +++ b/frontend/src/Activity/History/HistoryRow.js @@ -218,10 +218,12 @@ class HistoryRow extends Component { key={name} className={styles.details} > - +
+ +
); } diff --git a/frontend/src/InteractiveSearch/InteractiveSearchRow.css b/frontend/src/InteractiveSearch/InteractiveSearchRow.css index 1163064e2..3b5933653 100644 --- a/frontend/src/InteractiveSearch/InteractiveSearchRow.css +++ b/frontend/src/InteractiveSearch/InteractiveSearchRow.css @@ -8,12 +8,11 @@ width: 80px; } -.title { - composes: cell; -} - -.title div { - overflow-wrap: break-word; +.titleContent { + display: flex; + align-items: center; + justify-content: space-between; + word-break: break-all; } .indexer { diff --git a/frontend/src/InteractiveSearch/InteractiveSearchRow.css.d.ts b/frontend/src/InteractiveSearch/InteractiveSearchRow.css.d.ts index 324e15fc3..23189f749 100644 --- a/frontend/src/InteractiveSearch/InteractiveSearchRow.css.d.ts +++ b/frontend/src/InteractiveSearch/InteractiveSearchRow.css.d.ts @@ -11,7 +11,7 @@ interface CssExports { 'quality': string; 'rejected': string; 'size': string; - 'title': string; + 'titleContent': string; } export const cssExports: CssExports; export default cssExports; diff --git a/frontend/src/InteractiveSearch/InteractiveSearchRow.js b/frontend/src/InteractiveSearch/InteractiveSearchRow.js index 3b90b04f2..53d578d7a 100644 --- a/frontend/src/InteractiveSearch/InteractiveSearchRow.js +++ b/frontend/src/InteractiveSearch/InteractiveSearchRow.js @@ -153,10 +153,12 @@ class InteractiveSearchRow extends Component { {formatAge(age, ageHours, ageMinutes)} - - - {title} - + +
+ + {title} + +