diff --git a/assets/styles/components.scss b/assets/styles/components.scss index 4df819722..ee562ae2a 100644 --- a/assets/styles/components.scss +++ b/assets/styles/components.scss @@ -95,6 +95,7 @@ margin-bottom: 16px; } + li, p { padding: 0; line-height: 1.5; diff --git a/components/ui/Pagination.vue b/components/ui/Pagination.vue index cc28c7e9b..7ab458475 100644 --- a/components/ui/Pagination.vue +++ b/components/ui/Pagination.vue @@ -134,7 +134,7 @@ button, margin: 0.5rem 0; > div, .has-icon { - margin: 0 0.5em; + margin: 0 0.3em; } font-size: 80%; @media screen and (min-width: 350px) { diff --git a/components/ui/ProjectCard.vue b/components/ui/ProjectCard.vue index 685d21c63..1f4b10a55 100644 --- a/components/ui/ProjectCard.vue +++ b/components/ui/ProjectCard.vue @@ -245,6 +245,7 @@ export default { .title { margin: 0 0.5rem 0 0; + overflow-wrap: anywhere; color: var(--color-text-dark); font-size: var(--font-size-xl); } diff --git a/components/ui/ThisOrThat.vue b/components/ui/ThisOrThat.vue index a41f169c1..91c3411e0 100644 --- a/components/ui/ThisOrThat.vue +++ b/components/ui/ThisOrThat.vue @@ -1,5 +1,5 @@