<commit_before>@import './variables.scss';

.report {
  p {
    margin: 0;
    padding: 0;
  }
  display: grid;
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  justify-items: center;

  .mapview-container,
  .mapview,
  #main {
    padding: 0;
    margin: 0;
  }

  .mapview-container {
    position: relative;
    height: 400px;
    max-width: 900px;
  }
  .report-map {
    display: flex;
    width: 100%;
    justify-content: center;
  }

  .report-header {
    @media print {
      width: 100%;
    }
    background-color: #555;
    width: 900px;
    padding-right: 10px;
    padding: 3px;
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    grid-gap: 5px;
    align-items: center;
    -webkit-print-color-adjust: exact;

    .logo {
      width: 100px;
    }
    button {
      @media print {
        display: none;
      }
      border: none;
      outline: none;
      background-color: rgba(0, 0, 0, 0);
    }
    .title {
      @media print {
        text-align: center;
        font-size: 2rem;
      }
      margin-left: 1rem;
      color: #fff;
      white-space: nowrap;
      line-height: 25px;
      font-size: 20px;
    }
  }
  .report-analysis {
    min-width: 30vw;
    width: 900px;
    border: 1px dashed gray;
    color: #555;
    .analysis-title {
      font-size: 1.5rem;
      text-align: center;
      font-weight: bold;
      margin-top: 20px;
    }
    .analysis-subtitle {
      font-size: 1.25rem;
      text-align: center;
      margin-top: 10px;
      margin-bottom: 10px;
    }
    table {
      overflow-wrap: break-word;
      font-size: 13px;
      color: #555;
      width: 100%;
      tbody:nth-child(odd) tr:nth-child(even) {
        background-color: #f2f2f2;
      }
      td.first-cell {
        max-width: 1px; //this is to make break word work inside a table cell
        font-weight: bold;
        padding: 5px;
      }
      td.second-cell {
        max-width: 1px; //this is to make break word work inside a table cell
        text-align: left;
        padding: 5px;
      }
    }
  }
  .report-charts {
    color: #555;
    margin-top: 20px;
    .chart-area-container {
      width: 900px;
      .canvas-chart-wrapper {
        @media print {
          display: flex;
          justify-content: center;
        }
        svg {
          @media print {
            width: 700px;
          }
        }
      }
      .report-top-toolbar {
        @media print {
          text-align: center;
          display: grid;
          grid-template-columns: 1fr;
        }
        display: grid;
        grid-template-columns: 5fr 1fr;
        align-items: center;
        .styled-checkboxlabel {
          text-indent: 0;
        }
      }
      .report-toolbar-title {
        @media print {
          font-size: 2rem;
        }
        text-transform: uppercase;
      }
      .report-button-controls {
        @media print {
          display: none;
        }
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 5px;
        align-items: center;
      }
    }
    .chart-module {
      @media print {
        // top: 50%;
        margin-top: 35vh;
      }
      margin-bottom: 25px;
    }
    .ui-analysis-wrapper {
      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
      margin-bottom: 10px;
    }
    .analysis-input {
      display: grid;
      justify-items: center;
      margin-bottom: 20px;
      .time-slider-container {
        width: 90%;
        padding-top: 10px;
        padding-bottom: 10px;
      }
      .calendar-wrapper {
        .date-section-wrapper {<commit_msg>slight adjustment to report container styling on report page<commit_after>@import './variables.scss';

.report {
  p {
    margin: 0;
    padding: 0;
  }
  display: grid;
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  justify-items: center;

  .mapview-container,
  .mapview,
  #main {
    padding: 0;
    margin: 0;
  }

  .mapview-container {
    position: relative;
    height: 400px;
    max-width: 900px;
  }
  .report-map {
    display: flex;
    width: 100%;
    justify-content: center;
  }

  .report-header {
    @media print {
      width: 100%;
    }
    background-color: #555;
    width: 900px;
    padding-right: 10px;
    padding: 3px;
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    grid-gap: 5px;
    align-items: center;
    -webkit-print-color-adjust: exact;

    .logo {
      width: 100px;
    }
    button {
      @media print {
        display: none;
      }
      border: none;
      outline: none;
      background-color: rgba(0, 0, 0, 0);
    }
    .title {
      @media print {
        text-align: center;
        font-size: 2rem;
      }
      margin-left: 1rem;
      color: #fff;
      white-space: nowrap;
      line-height: 25px;
      font-size: 20px;
    }
  }
  .report-analysis {
    min-width: 30vw;
    width: 900px;
    border: 1px dashed gray;
    color: #555;
    .analysis-title {
      font-size: 1.5rem;
      text-align: center;
      font-weight: bold;
      margin-top: 20px;
    }
    .analysis-subtitle {
      font-size: 1.25rem;
      text-align: center;
      margin-top: 10px;
      margin-bottom: 10px;
    }
    table {
      overflow-wrap: break-word;
      font-size: 13px;
      color: #555;
      width: 100%;
      tbody:nth-child(odd) tr:nth-child(even) {
        background-color: #f2f2f2;
      }
      td.first-cell {
        max-width: 1px; //this is to make break word work inside a table cell
        font-weight: bold;
        padding: 5px;
      }
      td.second-cell {
        max-width: 1px; //this is to make break word work inside a table cell
        text-align: left;
        padding: 5px;
      }
    }
  }
  .report-charts {
    color: #555;
    margin-top: 20px;
    .chart-area-container {
      width: 900px;
      .canvas-chart-wrapper {
        @media print {
          display: flex;
          justify-content: center;
        }
        svg {
          @media print {
            width: 700px;
          }
        }
      }
      .report-top-toolbar {
        @media print {
          text-align: center;
          display: grid;
          grid-template-columns: 1fr;
        }
        display: grid;
        grid-template-columns: 5fr 1fr;
        align-items: center;
        .styled-checkboxlabel {
          text-indent: 0;
        }
      }
      .report-toolbar-title {
        @media print {
          font-size: 2rem;
        }
        text-transform: uppercase;
      }
      .report-button-controls {
        @media print {
          display: none;
        }
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 5px;
        align-items: center;
      }
    }
    .chart-module {
      padding: 15px;
      border: 2px solid #80808085;
      border-radius: 2px;
      @media print {
        margin-top: 35vh;
      }
      margin-bottom: 25px;
    }
    .ui-analysis-wrapper {
      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
      margin-bottom: 10px;
    }
    .analysis-input {
      display: grid;
      justify-items: center;
      margin-bottom: 20px;
      .time-slider-container {
        width: 90%;
        padding-top: 10px;
        padding-bottom: 10px;
      }
      .calendar-wrapper {
        .date-section-wrapper {
{'fraction_non_alphanumeric': 0.11934776651137298, 'fraction_numerical': 0.034255960537133465, 'mean_word_length': 1.5494236814530213, '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': '4511497', 'n_tokens_mistral': 2684, 'n_tokens_neox': 2440, 'n_words': 560}