src/components/Rules.module.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

.header {
  display: grid;
  grid-template-columns: 1fr minmax(auto, 330px);
  align-items: center;

  /*
   * the content header has some padding
   * we need to apply some right padding to this container then
   */
  padding-right: 15px;
  @media (--breakpoint-not-small) {
    padding-right: 40px;
  }
}

.RuleProviderItemWrapper {
  padding: 6px 15px;
  @media (--breakpoint-not-small) {
    padding: 10px 40px;
  }
}