@import 'bootstrap/_variables';
@import 'mixins';
@import 'theme';

.bar-chart-row {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: $defaultHTTPStatusColor;
  min-width: 3px;
}

.bar-chart-row-301 {
  background-color: $goodHTTPStatusColor;
}

.bar-chart-row-500,
.bar-chart-row-404 {
  background-color: $badHTTPStatusColor;
}

.hits {
  table-layout: fixed;
}

.status {
  width: $gridColumnWidth;
  @include box-sizing();
}

.count {
  width: $gridColumnWidth * 2;
  @include box-sizing();
}

.hit-to-mapping {
  width: $gridColumnWidth;
  @include box-sizing();
}

.path {
  word-wrap: break-word;
  position: relative;
  z-index: 1;
}

@import 'bootstrap/_variables';
@import 'mixins';
@import 'theme';

.bar-chart-row {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: $defaultHTTPStatusColor;
  min-width: 3px;
}

.bar-chart-row-301 {
  background-color: $goodHTTPStatusColor;
}

.bar-chart-row-500,
.bar-chart-row-404 {
  background-color: $badHTTPStatusColor;
}

.hits {
  table-layout: fixed;
}

.status {
  width: $gridColumnWidth;
  @include box-sizing();
}

.count {
  width: $gridColumnWidth * 2;
  @include box-sizing();
}

.hit-to-mapping {
  width: 45px;
  @include box-sizing();
}

.path {
  word-wrap: break-word;
  position: relative;
  z-index: 1;
}

Make column width narrower so it fits the icon more neatly
Make column width narrower so it fits the icon more neatly
