Template:KeyMoves/style.css

/* gonna rewrite this to use a grid layout tomorrow */

.key-move {
   min-width: 20px;
   width: calc(20vw - 32px);
   max-width: 80px;
}

.key-moves-legend .key-move {
  width: 30px;
}

.key-moves td {
   text-align: center;
}

.key-move.primary { height: 1.8ex; }
.key-move.secondary { height: 1.2ex; }
.key-move.extra { height: 0.6ex; }

.key-moves-cropheader {
  display: none;
}

@media (max-width: 560px) {  
  .key-moves-cropheader {
    display: inline;
  }
  
  .key-moves-fullheader {
    display: none;
  }
}