Change margin and gutters off rows

This commit is contained in:
Henrik Giesel 2021-05-28 01:58:22 +02:00
parent 2d24003e6c
commit c87123a9b1
3 changed files with 6 additions and 5 deletions

View file

@ -10,11 +10,11 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
</script>
<Row {id}>
<div class="col-8 d-flex align-items-center">
<div class="col-7 d-flex align-items-center">
<slot name="left" />
</div>
<div class:col-4={!wrap} class:col-sm-4={wrap} class="d-flex align-items-center">
<div class:col-5={!wrap} class:col-sm-5={wrap} class="d-flex align-items-center">
<slot name="right" />
</div>
</Row>

View file

@ -6,6 +6,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
export let id: string | undefined = undefined;
</script>
<div {id} class="row gx-0 gy-1 mt-0">
<div {id} class="row gx-0 gy-2 mt-0">
<slot />
</div>

View file

@ -20,8 +20,9 @@
@include bootstrap-dark.night-mode;
}
// the unprefixed version wasn't added until Chrome 81
.form-select {
.form-control, .form-select{
line-height: 1;
// the unprefixed version wasn't added until Chrome 81
-webkit-appearance: none;
}