anchor.diff:    <label for="predict-checkbox"></label>
   </div>
   
  -<div id="revert-checkbox-title" Xstyle="display:none;">auto-revert when wrong!</div>
  +<div id="revert-checkbox-title" style="display:none;">auto-revert when wrong!</div>
   
   <div id="predict-buttons-container" style="display:none;">
     <table>
  
positive.code:   const predictOn = () => {
      cd.settings.predict('on');
      cd.kata.testButton.hide(() => {
        $buttonsContainer.slideDown('slow');
        cd.kata.showPredictImages();
        cd.kata.showPredictCounts();
  
negative.code:   const $buttons = $('button.predict');
  
    $('button.predict').click((event) => {
      $buttons.prop('disabled', true );
      const rag = $(event.target).data('colour');
      $predicted.val(rag);
      cd.kata.runTests(() => {
        $predicted.val('none');
        $buttons.prop('disabled', false);
      });
    });
  
    //- - - - - - - - - - - - - - - - - - - - - - -
    // Revert title and checkboxes
  
    const $revertTitle = $('#revert-checkbox-title');
  
    cd.createTip($revertTitle, [
      'when checked, if your prediction is',
      'wrong, your files will automatically',
      'revert back to the most recent',
      'traffic-light',
    ].join('<br/>'));
  
    $('.revert-checkbox').click((event) => {
  