| 1 | :host { display: block; }
|
| 2 | h2 + :host { margin: -8px 0; }
|
| 3 | :host ::ng-deep .mat-list-item.mat-2-line { height: auto !important; }
|
| 4 | :host ::ng-deep .mat-list .mat-list-item .mat-list-item-content { padding: 8px; align-items: flex-start; flex-direction: column; }
|
| 5 | @media screen and (min-width: 800px) { :host ::ng-deep .mat-list .mat-list-item .mat-list-item-content { flex-direction: row; } }
|
| 6 |
|
| 7 | .addon-list { position: relative; }
|
| 8 |
|
| 9 | .addon-default-icon { margin: 0 5px; color: #4caf50; }
|
| 10 |
|
| 11 | .addon-icon { width: 32px; height: 32px; }
|
| 12 |
|
| 13 | .addon-icon-title { flex-grow: 1; display: flex; width: 100%; }
|
| 14 | @media screen and (min-width: 800px) { .addon-icon-title { width: auto; } }
|
| 15 |
|
| 16 | .addon-title-tagline { padding: 0 16px 10px 8px; flex-grow: 1; }
|
| 17 | .addon-title-tagline .addon-title { color: #212121; font-size: 16px; line-height: 1.2; margin: 6px 0; white-space: normal; }
|
| 18 | .addon-title-tagline .addon-tagline { color: #616161; font-size: 14px; margin: 0; white-space: normal; }
|
| 19 |
|
| 20 | .price-section { min-width: 10em; margin-top: 6px; flex-shrink: 0; }
|
| 21 |
|
| 22 | mat-list-item:hover { background-color: #fafafa !important; cursor: pointer !important; }
|