<commit_before>.calendarBrowser {
  .calendarRow {
    min-height: 60px; 
    margin-bottom: 10px; 
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}

.calendarItemHolder {
    min-width: 30%; 
    padding: 20px; 
    background-color: whitesmoke; 
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; 
}

.calendarTitleStretch {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}


// Need !important here because gets overriden by bootstrap because of JS file 
.calendarButton {
  color: #1a1f4a;
  border: 1px solid #1a1f4a !important;
  padding: 10px 20px !important;
  background-color: transparent !important;
  transition-duration: 200ms;
  border-radius: 0px !important; 
  font-family: 'Open Sans' !important; 
  font-size: 14px !important; 
  cursor: pointer !important; 
  font-weight: 500 !important; 
}

.calendarButton:hover {
  background-color: #1a1f4a !important;
  color: white !important;
}

.calendarImagePlaceHolder {
  width: 100%;
  //background-image: url(https://picsum.photos/400/275);
  min-height: 200px; 
  background-position: center; 
  background-size: cover; 
  margin-bottom: 10px; 
}

.calendarColumn {
    min-height: 100px;
}

.pageBanner {
    min-height: 300px; 
    background-position: center; 
    background-image: url(https://images.unsplash.com/photo-1540575467063-178a50c2df87?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80); 
    width: 100%
}<commit_msg>show left side of picture in calendar<commit_after>.calendarBrowser {
  .calendarRow {
    min-height: 60px; 
    margin-bottom: 10px; 
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}

.calendarItemHolder {
    min-width: 30%; 
    padding: 20px; 
    background-color: whitesmoke; 
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; 
}

.calendarTitleStretch {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}


// Need !important here because gets overriden by bootstrap because of JS file 
.calendarButton {
  color: #1a1f4a;
  border: 1px solid #1a1f4a !important;
  padding: 10px 20px !important;
  background-color: transparent !important;
  transition-duration: 200ms;
  border-radius: 0px !important; 
  font-family: 'Open Sans' !important; 
  font-size: 14px !important; 
  cursor: pointer !important; 
  font-weight: 500 !important; 
}

.calendarButton:hover {
  background-color: #1a1f4a !important;
  color: white !important;
}

.calendarImagePlaceHolder {
  width: 100%;
  //background-image: url(https://picsum.photos/400/275);
  min-height: 200px;
  //background-position: center;
  background-size: cover;
  margin-bottom: 10px;
}

.calendarColumn {
    min-height: 100px;
}

.pageBanner {
    min-height: 300px; 
    background-position: center; 
    background-image: url(https://images.unsplash.com/photo-1540575467063-178a50c2df87?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80); 
    width: 100%
}
{'fraction_non_alphanumeric': 0.13891020721412126, 'fraction_numerical': 0.03875671527244819, 'mean_word_length': 3.0069177555726365, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 4, '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': '6816357', 'n_tokens_mistral': 2114, 'n_tokens_neox': 1909, 'n_words': 380}