opt-cc/static/src/app/army/army-squad/army-squad.component.scss

.squad-layout {
  overflow: hidden;
  padding: 6px 0;
}

@media all and (max-width: 599px) {
  .squad-layout {
    padding: 1vh 1vw;
  }

  img {
    right: 3vw;
    max-width: 27%;
  }

  div.name-cell {
    margin-left: 2vw;
  }
}

.squad-layout > div {
  clear: both;
}

.squad-layout > div:first-child {
  background: rgb(34, 34, 34);
  border-radius: 12px 12px 0 0;
}

.squad-layout > div:last-child {
  display: flex;
  background: rgb(34, 34, 34);
  border-radius: 0 0 12px 12px;
}

.squad-cell {
  display: table-cell;
  padding: 5px;
}

.squad-member-count {
  float: left;
  color: whitesmoke;
  margin-left: 42px
}

.middle-row {
  min-height: 120px;
  padding: 5px;
  border: rgb(34, 34, 34);
  background-color: rgba(255, 255, 255, 0.88);
  border-left-style: solid;
  border-right-style: solid;
}

.member-link {
  cursor: pointer;
  text-decoration: underline;
}

img {
  position: absolute;
  margin-top: 8px;
  margin-left: 2%;
  @media all and (max-width: 959px) {
    margin-left: 0;
  }
}

.title {
  color: whitesmoke;
  font-weight: bold;
  font-size: 14px;
}

.name-cell {
  display: inherit;
  margin-left: 38%;
}


.colored-row {
  background: rgb(34, 34, 34);
}

.footer-row {
  border-radius: 0 0 12px 12px;
}