design adjustments to event details, make info a lil bit smaller
This commit is contained in:
@ -1,3 +1,7 @@
|
|||||||
|
.dateWrapper {
|
||||||
|
margin-bottom: var(--spacing-s);
|
||||||
|
}
|
||||||
|
|
||||||
.dateList {
|
.dateList {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
|
||||||
|
@ -2,7 +2,6 @@
|
|||||||
background: var(--color-background-secondary);
|
background: var(--color-background-secondary);
|
||||||
margin: 0 calc(var(--spacing-sitepadding-inline)*-1) var(--spacing-sitepadding-block);
|
margin: 0 calc(var(--spacing-sitepadding-inline)*-1) var(--spacing-sitepadding-block);
|
||||||
padding: var(--spacing-m) var(--spacing-sitepadding-inline) var(--spacing-m);
|
padding: var(--spacing-m) var(--spacing-sitepadding-inline) var(--spacing-m);
|
||||||
font-family: var(--font-serif);
|
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-family: var(--font-main);
|
font-family: var(--font-main);
|
||||||
@ -26,6 +25,8 @@
|
|||||||
row-gap: var(--spacing-m);
|
row-gap: var(--spacing-m);
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
|
font-size: var(--font-size-caption);
|
||||||
|
padding-right: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.priceList {
|
.priceList {
|
||||||
@ -70,5 +71,6 @@
|
|||||||
|
|
||||||
.info {
|
.info {
|
||||||
order: 2;
|
order: 2;
|
||||||
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
Reference in New Issue
Block a user