// _online.scss - partials/vanilla_components
////////////////////////////////////////////////////////////////////////////////


.onlineNow{
  padding-bottom: rem-calc(25);
  h4{
    font-size: rem-calc(24);
    line-height: rem-calc(34);
    padding: rem-calc(10 10 0);
    @media #{$medium-up} {
      padding: rem-calc(10 25 0);
    }
  }
  .PanelInfo{
    padding-left: rem-calc(10);
    @media #{$medium-up} {
      padding-left: rem-calc(25);
    }
    li{
      font-size: rem-calc(15);
      line-height: rem-calc(22);
      a{
        padding: rem-calc(7 0 3);
        border-bottom: 1px solid transparent;
      }
    }
  }
}

// _online.scss - partials/vanilla_components
////////////////////////////////////////////////////////////////////////////////


.onlineNow{
  padding: rem-calc(25 10);
  @media #{$medium-up} {
    padding: rem-calc(25);
  }
  h4{
    font-size: rem-calc(24);
    line-height: rem-calc(34);
  }
  .PanelInfo{
    li{
      font-size: rem-calc(15);
      line-height: rem-calc(22);
      display: inline-block;
      a{
        padding: rem-calc(7 0 3);
        border-bottom: 1px solid transparent;
      }
    }
  }
}

Fix online now box to wrap usernames and stay within the container
Fix online now box to wrap usernames and stay within the container
