diff --git a/web/src/components/blocks/FactBoxBlock.tsx b/web/src/components/blocks/FactBoxBlock.tsx index 17e13c4..45be2b3 100644 --- a/web/src/components/blocks/FactBoxBlock.tsx +++ b/web/src/components/blocks/FactBoxBlock.tsx @@ -12,14 +12,13 @@ export const FactBoxBlock = ({ block }: { block: FactBoxBlockTypeWithAlias }) => return <>; } return ( -
-
+
+
+
+
); }; diff --git a/web/src/components/blocks/factBoxBlock.module.scss b/web/src/components/blocks/factBoxBlock.module.scss index 15edb30..df2c73a 100644 --- a/web/src/components/blocks/factBoxBlock.module.scss +++ b/web/src/components/blocks/factBoxBlock.module.scss @@ -1,6 +1,10 @@ +.factBoxWrapper { + max-width: var(--size-width-p); + margin: 0 auto; +} + .factBox { background: var(--color-background-secondary); - max-width: var(--size-width-p); margin: 0 calc(var(--spacing-s) * -1); padding: var(--spacing-s); font-size: var(--font-size-caption); @@ -37,5 +41,9 @@ } .factBoxContent { - + ul, + ol { + margin: 1em auto 2em; + padding-left: var(--spacing-s); + } } \ No newline at end of file diff --git a/web/src/css/base.scss b/web/src/css/base.scss index 3280a5c..66e4a18 100644 --- a/web/src/css/base.scss +++ b/web/src/css/base.scss @@ -53,7 +53,6 @@ a { } p { - font-size: var(--font-size-body); max-width: var(--size-width-p); &.lead {