app/assets/stylesheets/components/shortcuts_help.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

.shortcut-help {
  &-body {
    height: 80vh;
    overflow-y: scroll;
  }

  &-container {
    column-count: 1;
    @include media-breakpoint-up(md) {
      column-count: 2;
    }
    column-gap: 1rem;
  }

  &-mapping {
    overflow: hidden;
    break-inside: avoid;

    &-title {
      margin-left: 40%;
    }

    kbd {
      margin: 0.1rem 0;
      line-height: unset;
      font-size: unset;
    }
  }
}