<commit_before>// Variables
@redash-gray: rgba(102, 136, 153, 1);
@redash-orange: rgba(255, 120, 100, 1);
@redash-black: rgba(0, 0, 0, 1);

//Default spacing (between tiles)
@redash-space: 10px;

@redash-radius: 3px;

// General
body {
  padding-top: 0;
  background: #cad1dc2b;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;

  &.headless {
    padding-top: 10px;
    padding-bottom: 15px;

    .navbar {
      display: none !important;
    }

    div#footer {
      display: none;
    }
  }
}

@media (min-width: 768px) {
  settings-screen .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  settings-screen .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  settings-screen .container {
    width: 1170px;
  }
}

.add-new-datasource {
  h5 {
    color: #a7a7a7;
  }
}

.database-source {
  display: inline-flex;
  flex-wrap: wrap;
}

.database-source__card {
  background: #FFFFFF;
  border: 1px solid rgba(102,136,153,0.15);
  border-radius: 3px;
  margin: 5px;
  width: 175px;
  padding: 15px 5px 15px 10px;
  cursor: pointer;
  box-shadow: none;
  transition: transform 0.12s ease-out;
  transition-duration: 0.3s;
  transition-property: box-shadow;

  display: flex;
  flex-direction: row;
  align-items: center;

  &:hover {
    box-shadow: rgba(102, 136, 153, 0.15) 0px 4px 9px -3px;
  }

  img {
    width: 64px;
    height: 64px;
    margin-right: 10px;
  }

  h3 {
    font-size: 13px;
    color: #323232;
    margin: 0;
  }
}

@media (max-width: 1200px) {
  .database-source__card {
    width: 217px;
  }
}

@media (max-width: 755px) {
  .database-source__card {
    width: 210px;
  }
}

@media (max-width: 515px) {
  .database-source__card {
    width: 47%;
    
    img {
      width: 48px;
      height: 48px;
    }
  }
}

@media (max-width: 375px) {
  .database-source__card {
    width: 100%;

    img {
      width: 48px;
      height: 48px;
    }
  }
}


.t-header:not(.th-alt) {
  padding: 15px;

  ul {
    margin-bottom: 0;
    line-height: 2.2;<commit_msg>Change to narrow layout<commit_after>// Variables
@redash-gray: rgba(102, 136, 153, 1);
@redash-orange: rgba(255, 120, 100, 1);
@redash-black: rgba(0, 0, 0, 1);

//Default spacing (between tiles)
@redash-space: 10px;

@redash-radius: 3px;

// General
body {
  padding-top: 0;
  background: #cad1dc2b;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;

  &.headless {
    padding-top: 10px;
    padding-bottom: 15px;

    .navbar {
      display: none !important;
    }

    div#footer {
      display: none;
    }
  }
}

@media (min-width: 768px) {
  settings-screen, home-page, page-dashboard-list, alerts-list-page, alert-page {
    .container {
      width: 750px;
    }
  }
}

@media (min-width: 992px) {
  settings-screen, home-page, page-dashboard-list, alerts-list-page, alert-page {
    .container {
      width: 970px;
    }
  }
}

@media (min-width: 1200px) {
  settings-screen, home-page, page-dashboard-list, page-queries-list, alerts-list-page, alert-page {
    .container, home-page {
      width: 1170px;
    }
  }
}

.add-new-datasource {
  h5 {
    color: #a7a7a7;
  }
}

.database-source {
  display: inline-flex;
  flex-wrap: wrap;
}

.database-source__card {
  background: #FFFFFF;
  border: 1px solid rgba(102,136,153,0.15);
  border-radius: 3px;
  margin: 5px;
  width: 175px;
  padding: 15px 5px 15px 10px;
  cursor: pointer;
  box-shadow: none;
  transition: transform 0.12s ease-out;
  transition-duration: 0.3s;
  transition-property: box-shadow;

  display: flex;
  flex-direction: row;
  align-items: center;

  &:hover {
    box-shadow: rgba(102, 136, 153, 0.15) 0px 4px 9px -3px;
  }

  img {
    width: 64px;
    height: 64px;
    margin-right: 10px;
  }

  h3 {
    font-size: 13px;
    color: #323232;
    margin: 0;
  }
}

@media (max-width: 1200px) {
  .database-source__card {
    width: 217px;
  }
}

@media (max-width: 755px) {
  .database-source__card {
    width: 210px;
  }
}

@media (max-width: 515px) {
  .database-source__card {
    width: 47%;

    img {
      width: 48px;
      height: 48px;
    }
  }
}

@media (max-width: 375px) {
  .database-source__card {
    width: 100%;

    img {
      width: 48px;
      height: 48px;
    }
  }
}


.t-header:not(.th-alt) {
  padding: 15px;

  ul {
    margin-bottom: 0;
    line-height: 2.2;
{'fraction_non_alphanumeric': 0.15187332738626227, 'fraction_numerical': 0.07002676181980375, 'mean_word_length': 2.6374695863746958, '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': '3948733', 'n_tokens_mistral': 2119, 'n_tokens_neox': 1796, 'n_words': 392}