From 952873e02594fb0512db215b37c30ec98f332846 Mon Sep 17 00:00:00 2001
From: tarjelavik <Tarje.Lavik@ub.uib.no>
Date: Thu, 7 Oct 2021 18:06:32 +0200
Subject: [PATCH] Use chakra list to fix style positioning
---
web/components/Layout/Footnotes.js | 12 ++++++------
1 file changed, 6 insertions(+), 6 deletions(-)
diff --git a/web/components/Layout/Footnotes.js b/web/components/Layout/Footnotes.js
index f2c563f..d9b8198 100644
--- a/web/components/Layout/Footnotes.js
+++ b/web/components/Layout/Footnotes.js
@@ -1,4 +1,4 @@
-import { Container } from '@chakra-ui/react'
+import { Container, OrderedList, ListItem } from '@chakra-ui/react'
import React from 'react'
import PortableTextBlock from '../PT/PortableTextBlock'
@@ -21,20 +21,20 @@ function Footnotes({ blocks }) {
return (
<Container
- maxWidth={['md', null, 'xl', null]}
+ maxWidth={['sm', null, 'xl', null]}
borderTopColor="blackAlpha.300"
borderTopWidth="1px"
mt="10"
pt="10"
>
- <ol>
+ <OrderedList>
{notes.map(({ _key, text }) => (
// the _key is what markKey refers to in the main text component
- <li id={`${_key}`} key={_key}>
+ <ListItem id={`${_key}`} key={_key}>
<PortableTextBlock fontSize={['md', null, 'lg', null]} blocks={text} />
- </li>
+ </ListItem>
))}
- </ol>
+ </OrderedList>
</Container>
)
}
--
GitLab