fix: json inspector styles (#1008)

Author: ValeraS

src/containers/Tenant/Query/ExplainResult/ExplainResult.scss

@@ -47,12 +47,8 @@
     &__inspector {
         overflow-y: auto;
 
-        width: 100%;
         padding: 15px 20px;
         @include json-tree-styles();
-        & .json-inspector__leaf.json-inspector__leaf_root.json-inspector__leaf_composite {
-            max-width: calc(100% - 50px);
-        }
 
         &_fullscreen {
             padding: 10px;

src/styles/mixins.scss

@@ -196,6 +196,10 @@
 }
 
 @mixin json-tree-styles {
+    width: 100%;
+
+    word-wrap: break-word;
+
     // stylelint-disable
     font-family: var(--g-font-family-monospace) !important;
     font-size: var(--g-text-code-1-font-size) !important;
@@ -276,4 +280,8 @@
             color: var(--g-color-text-primary);
         }
     }
+
+    & .json-inspector__leaf.json-inspector__leaf_root.json-inspector__leaf_composite {
+        max-width: calc(100% - 50px);
+    }
 }