<commit_before><div class="oppia-question-suggestion-editor-modal">
  <div class="modal-header">
    <h3><[skill.getDescription()]></h3>
  </div>

  <div class="modal-body">
    <div class="oppia-question-editor-section">
      <h3>Selected Difficulty: <[skillDifficultyString]></h3>
      <div ng-if="skill.getRubricExplanations(skillDifficultyString).length > 0">
        <h3 title="Use these notes to make sure your question is at the right difficulty.">
          Notes from Skill Rubric
        </h3>
        <ul>
          <li ng-repeat="explanation in skill.getRubricExplanations(skillDifficultyString)">
            <span ng-bind-html="explanation"></span>
          </li>
        </ul>
      </div>
      <h3>Your Practice Question</h3>
      <question-editor question-id="questionId"
                       misconceptions-by-skill="misconceptionsBySkill"
                       question-state-data="questionStateData"
                       question="question"
                       can-edit-question="canEditQuestion">
      </question-editor>
    </div>
    <div class="alert alert-danger" ng-if="question.getStateData().interaction.id && question.getValidationErrorMessage()">
      <[question.getValidationErrorMessage()]>
    </div>
    <div class="alert alert-danger" ng-if="question.getStateData().interaction.id && !question.getValidationErrorMessage() && question.getUnaddressedMisconceptionNames(misconceptionsBySkill).length">
      Remaining misconceptions that need to be addressed:
      <ul>
        <li ng-repeat="misconceptionName in question.getUnaddressedMisconceptionNames(misconceptionsBySkill)">
          <[misconceptionName]>
        </li>
      </ul>
    </div>
  </div>

  <div class="modal-footer">
    <button class="btn btn-secondary" ng-click="cancel()">Cancel</button>
    <button ng-if="newQuestionIsBeingCreated"
            title="To Save please add: interaction, hint, solution and address all misconceptions"
            class="btn btn-success protractor-test-save-question-button"
            ng-click="done()"
            ng-disabled="!isQuestionValid()">
      Submit Question
    </button>
  </div>
</div>

<style>
  .oppia-question-editor-section {
    padding: 0 100px;
  }
  .oppia-question-suggestion-editor-modal {
    padding: 0 25px;
  }
  .oppia-question-suggestion-editor-modal>.modal-header {
    padding-bottom: 0;
  }
</style>
<commit_msg>adding display and margin to bullet points (#11976)<commit_after><div class="oppia-question-suggestion-editor-modal">
  <div class="modal-header">
    <h3><[skill.getDescription()]></h3>
  </div>

  <div class="modal-body">
    <div class="oppia-question-editor-section">
      <h3>Selected Difficulty: <[skillDifficultyString]></h3>
      <div ng-if="skill.getRubricExplanations(skillDifficultyString).length > 0">
        <h3 title="Use these notes to make sure your question is at the right difficulty.">
          Notes from Skill Rubric
        </h3>
        <ul>
          <li ng-repeat="explanation in skill.getRubricExplanations(skillDifficultyString)">
            <span ng-bind-html="explanation" class="d-block mt-1"></span>
          </li>
        </ul>
      </div>
      <h3>Your Practice Question</h3>
      <question-editor question-id="questionId"
                       misconceptions-by-skill="misconceptionsBySkill"
                       question-state-data="questionStateData"
                       question="question"
                       can-edit-question="canEditQuestion">
      </question-editor>
    </div>
    <div class="alert alert-danger" ng-if="question.getStateData().interaction.id && question.getValidationErrorMessage()">
      <[question.getValidationErrorMessage()]>
    </div>
    <div class="alert alert-danger" ng-if="question.getStateData().interaction.id && !question.getValidationErrorMessage() && question.getUnaddressedMisconceptionNames(misconceptionsBySkill).length">
      Remaining misconceptions that need to be addressed:
      <ul>
        <li ng-repeat="misconceptionName in question.getUnaddressedMisconceptionNames(misconceptionsBySkill)">
          <[misconceptionName]>
        </li>
      </ul>
    </div>
  </div>

  <div class="modal-footer">
    <button class="btn btn-secondary" ng-click="cancel()">Cancel</button>
    <button ng-if="newQuestionIsBeingCreated"
            title="To Save please add: interaction, hint, solution and address all misconceptions"
            class="btn btn-success protractor-test-save-question-button"
            ng-click="done()"
            ng-disabled="!isQuestionValid()">
      Submit Question
    </button>
  </div>
</div>

<style>
  .oppia-question-editor-section {
    padding: 0 100px;
  }
  .oppia-question-suggestion-editor-modal {
    padding: 0 25px;
  }
  .oppia-question-suggestion-editor-modal>.modal-header {
    padding-bottom: 0;
  }
</style>

{'fraction_non_alphanumeric': 0.13612996092946741, 'fraction_numerical': 0.008225375282747275, 'mean_word_length': 2.909967845659164, 'pattern_counts': {'":': 0, '<': 95, '<?xml version=': 0, '>': 99, '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': '2503772', 'n_tokens_mistral': 1516, 'n_tokens_neox': 1442, 'n_words': 265}