opt-cc/static/src/app/statistic/war/war-list/war-item.component.css

.war-item {
  cursor: pointer;
  border-right: 1px solid #dadada;
}

.war-item:hover, .selected {
  background: linear-gradient(80deg, white 0%, #e7e7e7 120%);
  border-bottom: 1px solid #dadada;
}

.war-item-box {
  padding-top: 15px;
}

.war-title {
  font-size: 16px;
  color: #333333;
}

.war-detail {
  font-size: 12px;
  text-indent: 20px;
  color: #666666;
}

.select-indicator-battle {
  display: none;
  width: 30px;
  height: 30px;
  position: absolute;
  left: calc(100% - 14px);
  background: -moz-linear-gradient(45deg, white 50%, transparent 50%);
  background: -webkit-linear-gradient(45deg, white 50%, transparent 50%);
  background: linear-gradient(45deg, white 50%, transparent 50%);
  box-shadow: inset 8px -6px 5px -7px #a5a5a5;
  cursor: default;
  border-left: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.selected div.select-indicator-battle {
  display: block !important;
}

.collapsed {
  white-space: nowrap;
}