style: prevents wrapping of indexer column

fixes Radarr#9551: prevents wrapping in the history panel and in interactive search if the modal is greater than 1600px, the same value as .extraExtraLarge breakpoint defined in Modal.css
tempcvrohch · Mar 2, 2024 · f3454ba · f3454ba
1 parent e70c61e
commit f3454ba
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/frontend/src/Activity/History/HistoryRow.css b/frontend/src/Activity/History/HistoryRow.css
@@ -8,6 +8,7 @@
   composes: cell from '~Components/Table/Cells/TableRowCell.css';
 
   width: 80px;
+  white-space: nowrap;
 }
 
 .customFormatScore {

diff --git a/frontend/src/InteractiveSearch/InteractiveSearchRow.css b/frontend/src/InteractiveSearch/InteractiveSearchRow.css
@@ -17,6 +17,12 @@
   width: 85px;
 }
 
+@media only screen and (min-width: calc($breakpointExtraLarge + 150px)) {
+  .indexer {
+    white-space: nowrap;
+  }
+}
+
 .quality,
 .languages {
   composes: cell from '~Components/Table/Cells/TableRowCell.css';