<commit_before><div
  fxLayout="column"
  fxLayout.gt-xs="row"
  fxLayoutAlign="center center"
>
  <div fxLayout="column" fxLayoutAlign="center">
    <h1 class="title mat-title">DPI Stages</h1>
    <div class="stages" fxLayout="column" fxLayout.gt-xs="row" fxLayoutAlign="">
      <div
        class="stage-container"
        *ngFor="let stage of stages; let i = index"
        [ngClass]="{'stage-background': selectedStage === i}"
      >
        <mat-card
          class="stage"
          [ngClass]="{'card-red-background': true, 'card-green-background': (i + 1) % 2 === 0, 'card-blue-background': (i + 1) % 3 === 0}"
          matRipple
          (click)="changeStage(i)"
          >
          <span class="stage-title body-1" fxLayoutAlign="center center">
              Stage {{i + 1}}
          </span>
          <mat-card-content class="card-content">
            <mat-form-field class="form-field" appearance="outline">
              <input
                #matInput="matInput"
                matInput
                class="mat-input dpi-input"
                (change)="setDpiInput(i, matInput.value)"
                type="text"
                [value]="stage"
                placeholder=""
              />
              <span>DPI</span>
            </mat-form-field>
          </mat-card-content>
        </mat-card>
      </div>
    </div>

    <span class="slider-container">
      <span>{{minDpi}}</span>
      <mat-slider
        class="slider"
        #matSlider="matSlider"
        (change)="setDpiSlider(matSlider.value)"
        min="{{minDpi}}"
        max="{{maxDpi}}"
        step="{{step}}"
        [value]="selectedDpi"
        tickInterval=10
      >
      </mat-slider>
      <span>{{maxDpi}}</span>
    </span>
  </div>
  <div class="device-container" fxLayout="column" fxLayoutAlign="center center">
    <img class="device" src="{{mouseBottomImg}}">
    <div class="device-shadow"></div>
    <button class="mat-h2 default-reset" mat-button (click)="resetToDefault()">
      Default settings reset
    </button>
  </div>
</div><commit_msg>style: fix reset button font size<commit_after><div
  fxLayout="column"
  fxLayout.gt-xs="row"
  fxLayoutAlign="center center"
>
  <div fxLayout="column" fxLayoutAlign="center">
    <h1 class="title mat-title">DPI Stages</h1>
    <div class="stages" fxLayout="column" fxLayout.gt-xs="row" fxLayoutAlign="">
      <div
        class="stage-container"
        *ngFor="let stage of stages; let i = index"
        [ngClass]="{'stage-background': selectedStage === i}"
      >
        <mat-card
          class="stage"
          [ngClass]="{'card-red-background': true, 'card-green-background': (i + 1) % 2 === 0, 'card-blue-background': (i + 1) % 3 === 0}"
          matRipple
          (click)="changeStage(i)"
          >
          <span class="stage-title body-1" fxLayoutAlign="center center">
              Stage {{i + 1}}
          </span>
          <mat-card-content class="card-content">
            <mat-form-field class="form-field" appearance="outline">
              <input
                #matInput="matInput"
                matInput
                class="mat-input dpi-input"
                (change)="setDpiInput(i, matInput.value)"
                type="text"
                [value]="stage"
                placeholder=""
              />
              <span>DPI</span>
            </mat-form-field>
          </mat-card-content>
        </mat-card>
      </div>
    </div>

    <span class="slider-container">
      <span>{{minDpi}}</span>
      <mat-slider
        class="slider"
        #matSlider="matSlider"
        (change)="setDpiSlider(matSlider.value)"
        min="{{minDpi}}"
        max="{{maxDpi}}"
        step="{{step}}"
        [value]="selectedDpi"
        tickInterval=10
      >
      </mat-slider>
      <span>{{maxDpi}}</span>
    </span>
  </div>
  <div class="device-container" fxLayout="column" fxLayoutAlign="center center">
    <img class="device" src="{{mouseBottomImg}}">
    <div class="device-shadow"></div>
    <button class="mat-body-1 default-reset" mat-button (click)="resetToDefault()">
      Default settings reset
    </button>
  </div>
</div>
{'fraction_non_alphanumeric': 0.171387421987518, 'fraction_numerical': 0.006240998559769563, 'mean_word_length': 2.079822616407982, 'pattern_counts': {'":': 0, '<': 75, '<?xml version=': 0, '>': 75, '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': '2973771', 'n_tokens_mistral': 1337, 'n_tokens_neox': 1292, 'n_words': 228}