<commit_before><style type="text/css">
    .tweetContainer {
        border-radius: 5px;
        background-color: #f2f2f2;
        color: #2B9884;
        padding: 12px;
    }
    #answer {
        width: 97%;
        border-radius: 5px;
        border-color: #2B9884;
    }
</style>

<div id="warning" class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title"></h4>
      </div>
      <div class="modal-body">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="row skeleton">
    <div class="col-xs-8 col-xs-offset-2">
        <h2 id="question">What should the user do? Briefly explain here...</h2>
    </div>
    <div class="hidden-xs col-sm-2">
        <p style="margin-top:30px;"><span id="i18n_working_task">Task</span> <span id="task-id">#</span></p>
    </div>
</div>
<div class="row">
    <div class="top20 col-xs-8 col-xs-offset-2">
        <p class="tweetContainer">
            <span id="tweet"></span>
        </p>
    </div>
    <div class="top20 col-xs-8 col-xs-offset-2">
        <textarea id="answer" rows="3"></textarea>
        <button class="btn btn-answer">Save</button><commit_msg>top margin in answer button<commit_after><style type="text/css">
    .tweetContainer {
        border-radius: 5px;
        background-color: #f2f2f2;
        color: #2B9884;
        padding: 12px;
    }
    #answer {
        width: 97%;
        border-radius: 5px;
        border-color: #2B9884;
    }
</style>

<div id="warning" class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title"></h4>
      </div>
      <div class="modal-body">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="row skeleton">
    <div class="col-xs-8 col-xs-offset-2">
        <h2 id="question">What should the user do? Briefly explain here...</h2>
    </div>
    <div class="hidden-xs col-sm-2">
        <p style="margin-top:30px;"><span id="i18n_working_task">Task</span> <span id="task-id">#</span></p>
    </div>
</div>
<div class="row">
    <div class="top20 col-xs-8 col-xs-offset-2">
        <p class="tweetContainer">
            <span id="tweet"></span>
        </p>
    </div>
    <div class="top20 col-xs-8 col-xs-offset-2">
        <textarea id="answer" rows="3"></textarea>
        <button class="btn btn-answer top20">Save</button>
{'fraction_non_alphanumeric': 0.206514657980456, 'fraction_numerical': 0.026058631921824105, 'mean_word_length': 2.5709302325581396, 'pattern_counts': {'":': 0, '<': 105, '<?xml version=': 0, '>': 105, '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': '3269386', 'n_tokens_mistral': 1093, 'n_tokens_neox': 1049, 'n_words': 210}