diff --git a/src/css/blog.scss b/src/css/blog.scss index f963297..5ae551c 100644 --- a/src/css/blog.scss +++ b/src/css/blog.scss @@ -7,6 +7,7 @@ .post-list { display: flex; flex-wrap: wrap; + justify-content: center; } .post { diff --git a/src/css/events.scss b/src/css/events.scss index b3fe4f5..bd1c5ac 100644 --- a/src/css/events.scss +++ b/src/css/events.scss @@ -6,11 +6,12 @@ .event-list { display: flex; flex-wrap: wrap; + justify-content: center; } .event { width: $width-xs; - margin: 0 2.4rem 1.2rem 0; + margin: 0 3.2rem 1.2rem 0; position: relative; padding-bottom: 1.6rem; @@ -58,7 +59,7 @@ } &_text { - padding: 4rem 0 2rem; + padding: 4rem 2rem 2rem 0; } h1 { @@ -68,4 +69,26 @@ .venue { margin-bottom: 1rem; } + + .ticket-url { + display: inline-block; + background: $color-yellow; + color: $color-black; + margin: 1rem 0; + padding: 0.6rem 1.4rem; + text-decoration: none; + text-transform: uppercase; + letter-spacing: 0.06em; + font-weight: 500; + + transition: background .2s ease-in-out; + + &:hover { + background: $color-orange; + } + } + + .facebook-url { + display: block; + } } \ No newline at end of file diff --git a/src/css/page.scss b/src/css/page.scss index 5998430..7e8453a 100644 --- a/src/css/page.scss +++ b/src/css/page.scss @@ -1,8 +1,9 @@ .section-title { - margin-bottom: 1.6rem; + margin-bottom: 4rem; font-weight: 700; font-size: 2rem; + text-align: center; } .page { diff --git a/src/templates/event.js b/src/templates/event.js index fceab89..0c2017b 100644 --- a/src/templates/event.js +++ b/src/templates/event.js @@ -50,9 +50,7 @@ export const EventTemplate = ({ Pris: {formatPrices(priceRegular, priceStudent)} {ticketUrl && -