diff --git a/src/components/Footer/style.css b/src/components/Footer/style.css index 21b16cb..1ecd3f7 100644 --- a/src/components/Footer/style.css +++ b/src/components/Footer/style.css @@ -2,8 +2,13 @@ footer { display: flex; + align-items: flex-start; margin: var(--spacing-margin) 0; + @media screen and (max-width: 800px) { + display: block; + } + & ul { @apply --inline-list; @apply --with-separator; @@ -17,7 +22,6 @@ footer { } & .buildId { - align-self: flex-end; color: color(var(--color-brown) blend(var(--color-tan) 25%)); } } diff --git a/src/components/Form/style.css b/src/components/Form/style.css index a7b55fd..62a7f21 100644 --- a/src/components/Form/style.css +++ b/src/components/Form/style.css @@ -46,11 +46,12 @@ .actions { @apply --list-reset; - float: right; + margin-top: var(--spacing-margin); @media (min-width: 700px) { @apply --inline-list; @apply --with-separator; + float: right; } & svg {