From 3e40f8bebc98009259ec822b94759c25f43d3024 Mon Sep 17 00:00:00 2001
From: 6543 <6543@obermui.de>
Date: Wed, 19 Feb 2020 01:59:14 +0100
Subject: [PATCH] Set max-width on review-box comment box (#10348) (#10353)

Co-authored-by: zeripath <art27@cantab.net>
---
 web_src/less/_review.less | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/web_src/less/_review.less b/web_src/less/_review.less
index a5e299accc3..475fa59656f 100644
--- a/web_src/less/_review.less
+++ b/web_src/less/_review.less
@@ -132,3 +132,36 @@
 .ui.blob-excerpt:hover {
     color: #428bca;
 }
+
+@media only screen and (max-width: 768px) {
+    #review-box > .menu {
+        > .ui.segment {
+            width: 94vw;
+        }
+        .editor-toolbar {
+            overflow-x: auto;
+        }
+    }
+
+    #review-box .CodeMirror-scroll {
+        max-width: calc(100vw - 70px);
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 992px) {
+    #review-box .CodeMirror-scroll {
+        max-width: 700px;
+    }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+    #review-box .CodeMirror-scroll {
+        max-width: 800px;
+    }
+}
+
+@media only screen and (min-width: 1200px) {
+    #review-box .CodeMirror-scroll {
+        max-width: 900px;
+    }
+}