diff --git a/src/cards.css b/src/cards.css index 2a407b4..207fabc 100644 --- a/src/cards.css +++ b/src/cards.css @@ -10,7 +10,7 @@ } @media (orientation: portrait) { .mbox { - padding: 0 calc(.5 * var(--gap)); + padding: 0 var(--gap-half); } } .mbox:last-child { diff --git a/src/form.css b/src/form.css index 5a0151b..ad97eba 100644 --- a/src/form.css +++ b/src/form.css @@ -187,6 +187,16 @@ button:disabled { flex-grow: 0; } + +input[type="checkbox"] { + margin: 0; +} +label.checkbox { + align-items: baseline; + display: flex; + gap: var(--gap-half); +} + button#publish { align-self: end; order: 2; diff --git a/src/index.html b/src/index.html index 23f0f3e..74a180b 100644 --- a/src/index.html +++ b/src/index.html @@ -83,6 +83,15 @@ +