Commit 0ada8f36 authored by Luzian Bieri's avatar Luzian Bieri
Browse files

edited .less of eventList to work with small devices

parent 30f6aee5
......@@ -15,8 +15,8 @@
grid-template-columns: auto auto;
grid-template-rows: 50% 25% 25%;
title {
margin: .5em 0 0 0;
.title {
margin: 0 0 0 0;
display: flex;
font-weight: 100;
font-size: 1.5em;
......@@ -25,31 +25,42 @@
grid-row: 1;
}
price {
.price {
margin: .5em 0 0 0;
font-size: .8em;
font-weight: 100;
color: rgb(107, 108, 119);
grid-column: 1;
grid-row: 2/3;
grid-row: 2 / 3;
}
weekday {
margin: 0 1em 0 0;
.date-container {
margin: 0 0 0 auto;
font-size: 1.2em;
font-weight: 100;
display: grid;
grid-template-rows: auto auto;
color: rgb(107, 108, 119);
grid-column: 2;
grid-row: 2;
grid-row: 2 / 3;
}
.weekday {
margin: 0 0 0 0;
font-size: 1.2em;
font-weight: 100;
width: 6em;
grid-row: 1;
color: rgb(107, 108, 119);
}
date {
margin: 0 1em 0 0;
.date {
margin: 0 0 0 0;
font-size: .8em;
font-weight: 100;
width: 6em;
grid-row: 2;
color: rgb(107, 108, 119);
grid-column: 2;
grid-row: 3;
}
div {
......
......@@ -201,16 +201,14 @@ export default class EventList extends FilteredListPage {
},
[
m('img', { src: imageurl }),
m(
'div',
{
class: 'event-title ',
},
m('div',{class: 'event-title ',},
[
m('title', event.getTitle()),
m('price', price),
m('weekday', day),
m('date', date),
m('div', {class: 'title ',}, event.getTitle()),
m('div', {class: 'price ',}, price),
m('div', {class: 'date-container',}, [
m('div', {class: 'weekday ',}, day),
m('div', {class: 'date',}, date)]
)
]
),
]
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment