From f3454ba7ee97fccd999d997045aefd9d12fb5a82 Mon Sep 17 00:00:00 2001
From: Rohan Chandi <masterxroh@gmail.com>
Date: Sat, 2 Mar 2024 11:44:15 +0100
Subject: [PATCH] style: prevents wrapping of indexer column

fixes #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
---
 frontend/src/Activity/History/HistoryRow.css            | 1 +
 frontend/src/InteractiveSearch/InteractiveSearchRow.css | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/frontend/src/Activity/History/HistoryRow.css b/frontend/src/Activity/History/HistoryRow.css
index 039804b63..2ee0ff8dd 100644
--- 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
index 2268139a7..de7b3125b 100644
--- 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';