<commit_before>@import "../../../../styles/colors";

.info-container {
  min-height: 175px;
  min-width: 400px;
  border: $color-contour-light solid 1px;
  border-radius: 10px;
  margin: 0 40px 30px 50px;
}

.csi-info {
  display: inline-flex;
  height: 150px;
  justify-content: flex-start;
  align-items: center;
}

.icon-info {
  width: 10%;
  text-align: center;
  font-size: 40px;
  color: $color-primary;
  padding: 0 20px;
  margin: 0 15px;
}

.icon-warning {
  width: 10%;
  text-align: center;
  font-size: 40px;
  color: $color-warning;
  padding: 0 20px;
}

.info-text {
  width: 70%;
  font-size: 18px;
  font-weight: bold;
  color: $color-text-normal;
}

.info-button {
  position: relative;
  bottom: 35px;
  float: right;
  color: $color-background;
  background-color: $color-primary;
  border: 2px solid $color-primary;
  border-radius: 5px;
  font-weight: bold;
  text-decoration: none;
  padding: 5px 10px;
  margin-right: 30px;
  opacity: 0.7;
  transition: 0.3s;
  cursor: pointer;
}

.info-button:hover {
  opacity: 1;
}
<commit_msg>[IT-2455] Changed styling of the csi-info component to be more reflective of the mockup<commit_after>@import "../../../../styles/colors";

.info-container {
  min-height: 175px;
  border: $color-contour-light solid 1px;
  border-radius: 10px;
  margin: 0 40px 30px 50px;
}

.csi-info {
  display: flex;
  height: 175px;
  align-items: center;
  justify-content: center;
}

.icon-info {
  text-align: center;
  font-size: 40px;
  color: $color-primary;
  padding: 0 20px;
  margin: 0 20px;
}

.icon-warning {
  text-align: center;
  font-size: 40px;
  color: $color-warning;
  padding: 0 20px;
  margin: 0 20px;
}

.info-text {
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 18px;
  max-width: 800px;
  margin-right: 20px;
  color: $color-text-normal;
}

.info-button {
  position: relative;
  bottom: 55px;
  float: right;
  color: $color-background;
  background-color: $color-primary;
  border: 2px solid $color-primary;
  border-radius: 5px;
  font-weight: bold;
  text-decoration: none;
  padding: 5px 10px;
  margin-right: 30px;
  opacity: 0.7;
  transition: 0.3s;
  cursor: pointer;
}

.info-button:hover {
  opacity: 1;
}

{'fraction_non_alphanumeric': 0.1511151570323168, 'fraction_numerical': 0.050523441055985434, 'mean_word_length': 3.210727969348659, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '3319818', 'n_tokens_mistral': 964, 'n_tokens_neox': 859, 'n_words': 210}