<mat-list class="redirect_items_box">
    <div *ngFor="let re of redirects" class="redirect_item_box">
      <p class="redirect_item_short">Shortcut: <b>{{re.short}}</b></p>
      <div class="redirect_item_info">
        <img src="assets/eye.png" alt="Eye">
        <span class="redirect_item_use_count">{{re.useCount}}</span>
      </div>

      <p class="redirect_item_target">Target: <b>{{re.target}}</b></p>
    </div>
  </mat-list>

.redirect_item_box
  width: 300px
  margin-top: 10px
  display: grid
  grid-template-rows: 1fr 1fr
  border: 1px double black

.redirect_item_short
  align-self: end
  grid-row: 1 / 2
  grid-column: 1 / 2

.redirect_item_target
  grid-row: 2 / 2
  grid-column: 1

.redirect_item_info
  grid-row: 1 / 2
  grid-column: 2 / 2

.redirect_item_use_count
  margin-left: 5px
  vertical-align: top

.redirect_items_box
  display: flex
  flex-direction: column
  align-items: center