chore: improve load more button accessibility

On click, the focus should be moved to the last post in the list
instead of keeping it on load more button. It helps to keep a
consistent navigation for keyboard users for example.

1 files changed, 4 insertions, 1 deletions

diff --git a/src/components/PostsList/PostsList.module.scss b/src/components/PostsList/PostsList.module.scss
index c0f8062..6c3f93e 100644
--- a/src/components/PostsList/PostsList.module.scss
+++ b/src/components/PostsList/PostsList.module.scss
@@ -33,9 +33,12 @@
 }
 
 li.item {
-  margin: 0 0 var(--spacing-md) 0;
   border-bottom: fun.convert-px(1) solid var(--color-border-light);
 
+  &:not(:last-of-type) {
+    margin: 0 0 var(--spacing-md) 0;
+  }
+
   &:first-of-type {
     margin-top: var(--spacing-sm);