diff --git a/assets/styles/components.scss b/assets/styles/components.scss index 4df81972..ee562ae2 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 cc28c7e9..7ab45847 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 685d21c6..1f4b10a5 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 a41f169c..91c3411e 100644 --- a/components/ui/ThisOrThat.vue +++ b/components/ui/ThisOrThat.vue @@ -1,5 +1,5 @@