diff --git a/web/components/ui/Footer/Footer.module.scss b/web/components/ui/Footer/Footer.module.scss index 5eefc9d2d..c93cd3945 100644 --- a/web/components/ui/Footer/Footer.module.scss +++ b/web/components/ui/Footer/Footer.module.scss @@ -1,6 +1,7 @@ .footer { display: flex; align-items: center; + flex-wrap: wrap; height: var(--footer-height); justify-content: space-between; flex-direction: row; @@ -19,11 +20,10 @@ } .links { + column-gap: 2rem; + width: auto; display: flex; justify-content: space-between; flex-direction: row; - .item { - margin-left: 1.2em; - } } } diff --git a/web/components/ui/Footer/Footer.tsx b/web/components/ui/Footer/Footer.tsx index 5c25580e1..3e11b89b9 100644 --- a/web/components/ui/Footer/Footer.tsx +++ b/web/components/ui/Footer/Footer.tsx @@ -7,26 +7,20 @@ export type FooterProps = { export const Footer: FC = ({ version }) => (
-
+ Powered by {version} -
-
-
- - Documentation - -
-
- - Contribute - -
-
- - Source - -
-
+ + + + Documentation + + + Contribute + + + Source + +
); export default Footer;