Fix view's editor layout on report page when viewport is too narrow

discoveryjs · Mar 9, 2021 · 0ffd760 · 0ffd760
1 parent a99a51f
commit 0ffd760
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## next
+
+- Fixed view's editor layout on report page when viewport is too narrow
+
 ## 1.0.0-beta.58 (05-03-2021)
 
 - Fixed `source` view supported syntaxes to list modes with no mime

diff --git a/src/pages/report/editor-view.css b/src/pages/report/editor-view.css
@@ -4,10 +4,12 @@
 
 .page-report > .report-editor .view-editor-form-header {
     display: flex;
+    flex-wrap: wrap-reverse;
+    margin-right: 40px;
 }
 .page-report > .report-editor .view-editor-form-header-links {
     flex: 1;
-    margin: 2px 40px 0 10px;
+    margin: 2px 0 0 10px;
     text-align: right;
     font-size: 12px;
 }