<commit_before>.magic {
  text-align: center;
}

.mg-item {
  display: inline-block;
  vertical-align: top;
  margin-right: 1em;

  list-style: none;
  text-align: center;
}

.mg-name {
  font-size: 22px;
  text-transform: lowercase;
}

.mg-button {
  position: relative;
  display: inline-block;
  width: 145px;
  height: 145px;
}

.mg-label {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;

  font-size: 26px;
}

.avoider .mg-label > span {
  display: block;
  margin-top: -15px;
  line-height: 30px;
  color: #e68724;
}

.mg-icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-top: -25px;
}

.avoider .mg-icon {
  background: transparent url('../../img/avoid.svg') no-repeat;
}

.announcer .mg-icon {
  background: transparent url('../../img/announcer.svg') no-repeat;
}

/*
  Defaults for buttons with no specific type
*/
/* Default inactive circle */
.button-circle {
  fill: #333333;
}

/* Default active circle background */
.is-active .button-circle {
  fill: #bcbbbb;
}

/* Default progress bar overlay */
.button-progress {
  fill: #222222;
}

/*
  Avoider-specific
*/
.avoider.is-inactive .button-circle,
.avoider .button-progress {
  fill: #e68724;
}

/*

*/
.announcer.is-inactive .button-circle,
.announcer .button-progress {
  fill: #6dbe45;
}
<commit_msg>Ensure magic buttons align when active<commit_after>.magic {
  text-align: center;
}

.mg-item {
  display: inline-block;
  vertical-align: top;
  margin-right: 1em;

  list-style: none;
  text-align: center;
}

.mg-name {
  height: 25px;
  font-size: 22px;
  text-transform: lowercase;
}

.mg-button {
  position: relative;
  display: inline-block;
  width: 145px;
  height: 145px;
}

.mg-label {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;

  font-size: 26px;
}

.avoider .mg-label > span {
  display: block;
  margin-top: -15px;
  line-height: 30px;
  color: #e68724;
}

.mg-icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-top: -25px;
}

.avoider .mg-icon {
  background: transparent url('../../img/avoid.svg') no-repeat;
}

.announcer .mg-icon {
  background: transparent url('../../img/announcer.svg') no-repeat;
}

/*
  Defaults for buttons with no specific type
*/
/* Default inactive circle */
.button-circle {
  fill: #333333;
}

/* Default active circle background */
.is-active .button-circle {
  fill: #bcbbbb;
}

/* Default progress bar overlay */
.button-progress {
  fill: #222222;
}

/*
  Avoider-specific
*/
.avoider.is-inactive .button-circle,
.avoider .button-progress {
  fill: #e68724;
}

/*

*/
.announcer.is-inactive .button-circle,
.announcer .button-progress {
  fill: #6dbe45;
}

{'fraction_non_alphanumeric': 0.164207340143776, 'fraction_numerical': 0.03859250851305335, 'mean_word_length': 2.96996996996997, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '7372655', 'n_tokens_mistral': 1126, 'n_tokens_neox': 1028, 'n_words': 231}