<commit_before>.stream-management.view
  +outer-wrapper
  +clearfix
  position: relative
  display: block
  padding-top: 10px

  .stream-manager
    +span-columns(9)

  .stream-manager .stream-info
    @extend %bordered-container
    +span-columns(4)

  .stream-manager .stream-control
    @extend %bordered-container
    +span-columns(8)

  .stream-shares
    +span-columns(3)
 
  .stream-shares .inner-container
    @extend %bordered-container

  .stream-shares .inner-container > h1
    font-size: 0.8em
    color: darken(white, 40)
    margin-bottom: 10px

  .stream-shares .mapping
    +clearfix
    line-height: 1.8em

  .stream-shares .mapping .device-info
    font-size: 0.9em
    color: darken(white, 80)
    overflow: hidden
    height: auto

  .stream-shares .mapping .join-info
    float: right
    text-align: right
    font-size: 0.9em
    color: darken(white, 60)

  .stream-shares .mapping .join-info p,
  .stream-shares .mapping .device-info p
    overflow: hidden
    white-space: nowrap
    text-overflow: ellipsis
    
  .stream-shares .no-mappings
    color: darken(white, 30)
    background: darken(white, 2)
    border: 1px solid darken(white, 8)
    padding: 0.5em 0.5em
    border-radius: 2px 

  .stream-shares .no-mappings p
    font-size: 0.8em
    line-height: 1em

  .stream-shares .mappings-list
    @extend %alternating-list
<commit_msg>[LFTUI-84] responsive styles for stream management - full widths under 800<commit_after>.stream-management.view
  +outer-wrapper
  +clearfix
  position: relative
  display: block
  padding-top: 10px

  .stream-manager
    +span-columns(9)

  .stream-manager .stream-info
    @extend %bordered-container
    +span-columns(4)

  .stream-manager .stream-control
    @extend %bordered-container
    +span-columns(8)

  .stream-shares
    +span-columns(3)
 
  .stream-shares .inner-container
    @extend %bordered-container

  .stream-shares .inner-container > h1
    font-size: 0.8em
    color: darken(white, 40)
    margin-bottom: 10px

  .stream-shares .mapping
    +clearfix
    line-height: 1.8em

  .stream-shares .mapping .device-info
    font-size: 0.9em
    color: darken(white, 80)
    overflow: hidden
    height: auto
    text-overflow: hidden
    white-space: nowrap

  .stream-shares .mapping .join-info
    float: right
    text-align: right
    font-size: 0.9em
    color: darken(white, 60)

  .stream-shares .mapping .join-info p,
  .stream-shares .mapping .device-info p
    overflow: hidden
    white-space: nowrap
    text-overflow: ellipsis
    
  .stream-shares .no-mappings
    color: darken(white, 30)
    background: darken(white, 2)
    border: 1px solid darken(white, 8)
    padding: 0.5em 0.5em
    border-radius: 2px 

  .stream-shares .no-mappings p
    font-size: 0.8em
    line-height: 1em

  .stream-shares .mappings-list
    @extend %alternating-list

  +media(max-width 800px)

    .stream-shares,
    .stream-manager,
    .stream-manager .stream-info,
    .stream-manager .stream-control
      float: none
      width: 100%
      margin-right: 0px

    .stream-manager .stream-info
      margin-bottom: 10px

    .stream-shares
      margin-top: 10px
      margin-bottom: 20px
{'fraction_non_alphanumeric': 0.11272040302267003, 'fraction_numerical': 0.028337531486146095, 'mean_word_length': 2.561659192825112, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '3297726', 'n_tokens_mistral': 1197, 'n_tokens_neox': 1096, 'n_words': 254}