juice-shop

1
/*!
2
 * Copyright (c) 2014-2024 Bjoern Kimminich & the OWASP Juice Shop contributors.
3
 * SPDX-License-Identifier: MIT
4
 */
5

6
$bg-heading: rgba(0, 0, 0, 0.13);
7

8
.container {
9
  min-width: 420px;
10
  width: 40%;
11
}
12

13
mat-card {
14
  display: block;
15
  margin-left: 20%;
16
  margin-right: 20%;
17
}
18

19
.heading {
20
  background: $bg-heading;
21
  justify-content: center;
22
  padding: 12px 20px;
23
}
24

25
.mat-row {
26
  padding-bottom: 10px;
27
}
28

29
.mat-column-description {
30
  margin-left: 20px;
31
}
32

33
.mat-column-bonus {
34
  margin-left: 20px;
35
}
36

37
.mat-column-price {
38
  margin-left: 20px;
39
}
40

41
.mat-column-quantity button mat-button-toggle {
42
  width: 20px;
43
}
44

45
.mat-column-quantity button {
46
  width: 22px;
47
}
48

49
mat-form-field {
50
  margin-top: 15px;
51
  width: 100%;
52
}
53

54
mat-expansion-panel {
55
  margin-bottom: 20px;
56
}
57

58
#checkoutButton {
59
  margin-left: 20%;
60
  margin-top: 30px;
61
  width: 60%;
62
}
63

64
.hint {
65
  display: flex;
66
  font-size: 13px;
67
  justify-content: center;
68
  margin-top: 5px;
69
}
70

71
.payment-label {
72
  padding-top: 10px;
73
}
74