diff --git a/public/css/waip.css b/public/css/waip.css index 50c2585..709091e 100644 --- a/public/css/waip.css +++ b/public/css/waip.css @@ -204,4 +204,26 @@ audio { } -**********/ \ No newline at end of file +**********/ + +.test-font { + font-size: 1rem; +} + +@include media-breakpoint-up(sm) { + .test-font { + font-size: 1.2rem; + } +} + +@include media-breakpoint-up(md) { + .test-font { + font-size: 1.4rem; + } +} + +@include media-breakpoint-up(lg) { + .test-font { + font-size: 1.6rem; + } +} \ No newline at end of file diff --git a/views/includes/master_wachalarm.pug b/views/includes/master_wachalarm.pug index 649c94f..fff6dec 100644 --- a/views/includes/master_wachalarm.pug +++ b/views/includes/master_wachalarm.pug @@ -61,18 +61,28 @@ | -Ortsteil- br | -Straße Hsnr- - //.col-6.h-65.d-flex.align-items-end.justify-content-end - .col-6.h-65.d-flex.align-content-end.flex-wrap + //.col-6.h-65.d-flex.align-items-around.justify-content-end + .col-6.h-65.d-flex.flex-wrap.align-content-end.test-font //div.flex-fill.rounded.bg-secondary.p-2.m-1 - div.rounded.bg-secondary.d-flex.justify-content-between + div.rounded.bg-secondary.d-flex.justify-content-between.flex-fill.p-2.m-1 div.pr-2 FL CB 01/42-01 div.p-2.badge.badge-success 2 - div.rounded.bg-secondary.d-flex.justify-content-between + div.rounded.bg-secondary.d-flex.justify-content-between.flex-fill.p-2.m-1 div.pr-2 FL CB 01/42-01 div.p-2.badge.badge-success 2 - div.rounded.bg-secondary.d-flex.justify-content-between + div.rounded.bg-secondary.d-flex.justify-content-between.flex-fill.p-2.m-1 div.pr-2 FL CB 01/42-01 - div.p-2.badge.badge-success 2 + div.p-2.badge.badge-success 2 + div.rounded.bg-secondary.d-flex.justify-content-between.flex-fill.p-2.m-1 + div.pr-2 FL CB 01/42-01 + div.p-2.badge.badge-success 2 + div.rounded.bg-secondary.d-flex.justify-content-between.flex-fill.p-2.m-1 + div.pr-2 FL CB 01/42-01 + div.p-2.badge.badge-success 2 + div.rounded.bg-secondary.d-flex.justify-content-between.flex-fill.p-2.m-1 + div.pr-2 FL CB 01/42-01 + div.p-2.badge.badge-success 2 + //ul#em_alarmiert.list-group li.list-group-item.d-flex.justify-content-between.align-items-center -Einsatzmittel 1-