From 46a1dd57f4119a055ffcd438ec1f0aa57819777f Mon Sep 17 00:00:00 2001
From: Charis Kyriakou <charisk@users.noreply.github.com>
Date: Tue, 15 Mar 2022 14:43:24 +0000
Subject: [PATCH] Minor style fixes around result rendering (#1208)

---
 .../ql-vscode/src/remote-queries/view/FileCodeSnippet.tsx     | 3 ++-
 .../ql-vscode/src/remote-queries/view/RemoteQueries.tsx       | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/extensions/ql-vscode/src/remote-queries/view/FileCodeSnippet.tsx b/extensions/ql-vscode/src/remote-queries/view/FileCodeSnippet.tsx
index 1e0db50a5..538d9a1c7 100644
--- a/extensions/ql-vscode/src/remote-queries/view/FileCodeSnippet.tsx
+++ b/extensions/ql-vscode/src/remote-queries/view/FileCodeSnippet.tsx
@@ -216,7 +216,8 @@ const FileCodeSnippet = ({
                 paddingTop="0.01em"
                 paddingLeft="1.5em"
                 paddingRight="0.5em"
-                paddingBottom="0.2em">
+                paddingBottom="0.2em"
+                sx={{ wordBreak: 'break-word' }}>
                 <CodeLine
                   line={line}
                   lineNumber={startingLine + index}
diff --git a/extensions/ql-vscode/src/remote-queries/view/RemoteQueries.tsx b/extensions/ql-vscode/src/remote-queries/view/RemoteQueries.tsx
index 9bf2c746b..bd68cbbb5 100644
--- a/extensions/ql-vscode/src/remote-queries/view/RemoteQueries.tsx
+++ b/extensions/ql-vscode/src/remote-queries/view/RemoteQueries.tsx
@@ -273,8 +273,8 @@ const AnalysesResultsDescription = ({
   const showMaxResultsMessage = analysesResults.some(a => a.rawResults?.capped);
   const maxRawResultsMessage = <>
     <VerticalSpace size={1} />
-    Some repositories have more than {MAX_RAW_RESULTS} results. We will only show you up to {MAX_RAW_RESULTS}
-    results for each repository.
+    Some repositories have more than {MAX_RAW_RESULTS} results. We will only show you up to 
+    {MAX_RAW_RESULTS} results for each repository.
   </>;
 
   return (