<commit_before>// Import overridden Bootstrap variables BEFORE their 
// definition in the vendor files
@import 'library/variables';
@import 'library/mixins';

// Add core Bootstrap styles. Comment and uncomment 
// functionality inside framework code as required to keep 
// 'main.css' as small as possible.
// @import 'font-awesome';

// Styles shared between custom components
// @import 'snippets/**';

// Skins may exist in several locations throughout the 
// application.  They may override existing framework styles
// directives or represent styles for custom application 
// modules
// @import 'skins/manifest.gen';

// MIXINS ––––––––––––––––––––––––––––––––––––––––––––––––––
@mixin box-sizing($type){
  -webkit-box-sizing: $type;
  -moz-box-sizing: $type;
  box-sizing: $type;
}
// –––––––––––––––––––––––––––––––––––––––––––––––––––––––––

// Sections code includes page-specific and layout-related 
// styles

// VARIABLES –––––––––––––––––––––––––––––––––––––––––––––––
$text-color: white;
$top-bar-height: 40px;
// –––––––––––––––––––––––––––––––––––––––––––––––––––––––––


body {
  font-family: 'Muli', sans-serif; 
  color: $text-color;
  margin: 0px; 
  padding: 0px;
  position: relative;
  background-color: black;
  background-image: url(../images/stars.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: top left;

}

div.top{
  @include box-sizing(border-box);
  position: fixed;
  margin: 0px;
  padding: 10px 0px 0px 10px;
  height: $top-bar-height;
  width: 100vw;
  background-color: black;
  border-bottom: 2px solid #ffa500;
  z-index: 2;

  h1{
    margin-top: 0;
    margin-bottom: .5em;
    font-size: 24px;
    color: $text-color;
    font-weight: 300;
    letter-spacing: 4px;
    line-height: 100%;
    text-transform: uppercase;
  }

}

.ng-scope:before {
  opacity: 0.7;
}

div.wrapper {
  @include box-sizing(border-box);
  height: 100vh;
  padding: 15px;
  padding-top: $top-bar-height+15;
  width: 100vw;
  z-index: 1;

  div.information { // migrate these styles to div.info-panel
    @include box-sizing(border-box);
    background-color: rgba(0, 0, 0, 0.4);
    border: 1px solid #979797;
    color: $text-color;
    float:right;
    font-size: 30px;
    height: 100%;
    padding: 15px;    
    width: 50%;
  
    div.info-panel{
      h2, h3, h4{
        font-family: 'Muli', sans-serif;
        font-weight: 300;
        margin: 0;
      }
      
      h3{
        font-size: 20pt;
      }
      h4{
        font-size: 16pt;
        font-style: italic;
      }
      p{
        font-size: 12pt;
        font-weight: normal;
      }
    }
  }

  div.graph {
    @include box-sizing(border-box);
    border: 1px solid red;
    color: $brand-secondary;
    float: left;
    height: 100%;
    padding-right: 15px;
    width: 50%;
  
    svg#canvas {
      width: 100%;
      height: 900px;
      // min-height: 100%;
      fill: #e9eceb;
      opacity: 1;
      display: block;
      margin: auto;
    }
  }
}

.nodes {
  width: 600px;
  stroke: #333;
}

.path {
  stroke: $text-color;<commit_msg>(fix) Corrects graph panel height mismatch with CSS<commit_after>// Import overridden Bootstrap variables BEFORE their 
// definition in the vendor files
@import 'library/variables';
@import 'library/mixins';

// Add core Bootstrap styles. Comment and uncomment 
// functionality inside framework code as required to keep 
// 'main.css' as small as possible.
// @import 'font-awesome';

// Styles shared between custom components
// @import 'snippets/**';

// Skins may exist in several locations throughout the 
// application.  They may override existing framework styles
// directives or represent styles for custom application 
// modules
// @import 'skins/manifest.gen';

// MIXINS ––––––––––––––––––––––––––––––––––––––––––––––––––
@mixin box-sizing($type){
  -webkit-box-sizing: $type;
  -moz-box-sizing: $type;
  box-sizing: $type;
}
// –––––––––––––––––––––––––––––––––––––––––––––––––––––––––

// Sections code includes page-specific and layout-related 
// styles

// VARIABLES –––––––––––––––––––––––––––––––––––––––––––––––
$text-color: white;
$top-bar-height: 40px;
// –––––––––––––––––––––––––––––––––––––––––––––––––––––––––


body {
  font-family: 'Muli', sans-serif; 
  color: $text-color;
  margin: 0px; 
  padding: 0px;
  position: relative;
  background-color: black;
  background-image: url(../images/stars.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: top left;

}

div.top{
  @include box-sizing(border-box);
  position: fixed;
  margin: 0px;
  padding: 10px 0px 0px 10px;
  height: $top-bar-height;
  width: 100vw;
  background-color: black;
  border-bottom: 2px solid #ffa500;
  z-index: 2;

  h1{
    margin-top: 0;
    margin-bottom: .5em;
    font-size: 24px;
    color: $text-color;
    font-weight: 300;
    letter-spacing: 4px;
    line-height: 100%;
    text-transform: uppercase;
  }

}

.ng-scope:before {
  opacity: 0.7;
}

div.wrapper {
  @include box-sizing(border-box);
  height: 100vh;
  padding: 15px;
  padding-top: $top-bar-height+15;
  width: 100vw;
  z-index: 1;

  div.graphpanel{
    @include box-sizing(border-box);
    color: $brand-secondary;
    float: left;
    height: 100%;
    padding-right: 15px;
    width: 50%;

    div.graph {
      height: 100%;
      width: 100%;
    
      svg#canvas {
        width: 100%;
        height: 100%;
        // min-height: 100%;
        fill: #e9eceb;
        opacity: 1;
        display: block;
        margin: auto;
      }
    }   
  }

  div.information { // migrate these styles to div.info-panel
    @include box-sizing(border-box);
    background-color: rgba(0, 0, 0, 0.4);
    border: 1px solid #979797;
    color: $text-color;
    float:right;
    font-size: 30px;
    height: 100%;
    padding: 15px;    
    width: 50%;

    div.info-panel{
      h2, h3, h4{
        font-family: 'Muli', sans-serif;
        font-weight: 300;
        margin: 0;
      }
      
      h3{
        font-size: 20pt;
      }

      h4{
        font-size: 16pt;
        font-style: italic;
      }

      p{
        font-size: 12pt;
        font-weight: normal;
      }
    }
  }
}

.nodes {
  width: 600px;
  stroke: #333;
}

.path {
  stroke: $text-color;
{'fraction_non_alphanumeric': 0.1930685235005539, 'fraction_numerical': 0.03402437094476974, 'mean_word_length': 2.6765561372891216, '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': '1530184', 'n_tokens_mistral': 2714, 'n_tokens_neox': 2117, 'n_words': 545}