<commit_before><div style="margin-left: 5%; margin-right: 5%;">
  <div class="top-row" style="display: flex; justify-content: space-between;">
    <div ng-show="showInstructions" class="flex-block">
      <h4 translate>Instructions: </h4>
      <div class="panel">
        <instructions></instructions>
      </div>
      <worlds-view></worlds-view>
    </div>
    <div class="flex-block" style="margin-left: 2.5%;">
      <h4 class="left" translate>Code editor: </h4>
      <button class="right small button radius info" ng-click="showAPI = !showAPI; showInstructions = !showInstructions">
        <strong translate>API</strong>
      </button>
      <br>
      <br>
      <ide></ide>
    </div>
    <div ng-show="showAPI" class="flex-block" style="margin-left: 2.5%;">
      <div ng-bind-html="exercise.api"></div>
    </div>
  </div>
  <hr class="mid-row">
  <div class="bottom-row" style="display: flex; justify-content: space-between; align-items: baseline;">
    <div class="flex-block">
      <h4 translate>Execution results: </h4>
      <div ng-show="exercise.result===''">
        <p class="lead " translate>No results yet, please run your program before.</p>
      </div>
      <div class="with-newlines " ng-show="exercise.result !=='' ">{{exercise.result}}</div>
    </div>
    <div class="flex-block" style="margin-left: 2.5%; ">
      <h4 translate>Test cases: </h4>
      <test-cases></test-cases>
    </div>
  </div>
</div><commit_msg>Update exercise page according to feedback<commit_after><div style="margin-left: 5%; margin-right: 5%;">
  <div class="top-row" style="display: flex; justify-content: space-between;">
    <div ng-show="showInstructions" class="flex-block">
      <instructions></instructions>
      <worlds-view></worlds-view>
    </div>
    <div class="flex-block" style="margin-left: 2.5%;">
      <h4 class="left" translate>Code editor: </h4>
      <button class="right small button radius info" ng-click="showAPI = !showAPI; showInstructions = !showInstructions">
        <strong ng-show="!showAPI" translate>API</strong>
        <strong ng-show="!showInstructions" translate>Instructions</strong>
      </button>
      <br>
      <br>
      <ide></ide>
    </div>
    <div ng-show="showAPI" class="flex-block" style="margin-left: 2.5%;">
      <div ng-bind-html="exercise.api"></div>
    </div>
  </div>
  <hr class="mid-row">
  <div class="bottom-row" style="display: flex; justify-content: space-between; align-items: baseline;">
    <div class="flex-block">
      <h4 translate>Execution results: </h4>
      <div class="with-newlines " ng-show="exercise.result !=='' ">{{exercise.result}}</div>
    </div>
    <div class="flex-block" style="margin-left: 2.5%; ">
      <h4 translate>Test cases: </h4>
      <test-cases></test-cases>
    </div>
  </div>
</div>
{'fraction_non_alphanumeric': 0.19557458957887222, 'fraction_numerical': 0.010706638115631691, 'mean_word_length': 3.3390092879256965, 'pattern_counts': {'":': 0, '<': 95, '<?xml version=': 0, '>': 95, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3497710', 'n_tokens_mistral': 954, 'n_tokens_neox': 924, 'n_words': 197}