Merge pull request #139 from zoobestik/master

fix: KTL-587: compiler info doesn't fit on a mobile screen

Author: zoobestik

src/executable-code/executable-fragment.monk

@@ -51,8 +51,8 @@
                 <a class="compiler-info__open-editor-link" href="{{ crosslink }}" target="_blank" rel="noopener noreferrer">Open&nbsp;in&nbsp;Playground&nbsp;→</a>
               </div>
             {% endif %}
-            <span>Target platform: {{ targetPlatform.printableName }}</span>
-            <span>Running on kotlin v.{{ compilerVersion }}</span>
+            <span class="compiler-info__target">Target: {{ targetPlatform.printableName }}</span>
+            <span class="compiler-info__version">Running on v.{{ compilerVersion }}</span>
         </div>
     {% endif %}
     {% if (shorterHeight) %}<button class="executable-fragment-wrapper__shorter" :onclick={{ this.onShorterClick.bind(this) }}>more</button>{% endif %}

src/styles.scss

@@ -459,6 +459,10 @@ $wt-color-azure: #167dff;
   &__open-editor {
     flex: 1 1 0;
   }
+
+  &__target, &__version {
+    white-space: nowrap;
+  }
 }
 
 .CodeMirror-hints {