From 66822d929b48c93e44acb2c73a542417549335ac Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Tue, 1 Feb 2022 23:26:27 +0100
Subject: chore: move pagination cursor title in a separate div

The progress bar will be clearer for everyone if the information about
the number of loaded articles is printed without hovering the progress
bar.
---
 src/components/Buttons/Button/Button.tsx   | 5 ++++-
 src/components/Buttons/Buttons.module.scss | 5 +++++
 2 files changed, 9 insertions(+), 1 deletion(-)

(limited to 'src/components/Buttons')

diff --git a/src/components/Buttons/Button/Button.tsx b/src/components/Buttons/Button/Button.tsx
index 86e0e5b..ada23fe 100644
--- a/src/components/Buttons/Button/Button.tsx
+++ b/src/components/Buttons/Button/Button.tsx
@@ -7,15 +7,18 @@ const Button = ({
   clickHandler,
   kind = 'secondary',
   position = 'left',
+  spacing = false,
   isDisabled = false,
 }: {
   children: ReactNode;
   clickHandler: any;
   kind?: ButtonKind;
   position?: ButtonPosition;
+  spacing?: boolean;
   isDisabled?: boolean;
 }) => {
-  const classes = `${styles.btn} ${styles[position]} ${styles[kind]}`;
+  const spacingClass = spacing ? styles.spacing : '';
+  const classes = `${styles.btn} ${styles[position]} ${styles[kind]} ${spacingClass}`;
 
   return (
     <button
diff --git a/src/components/Buttons/Buttons.module.scss b/src/components/Buttons/Buttons.module.scss
index 3219a96..fca8013 100644
--- a/src/components/Buttons/Buttons.module.scss
+++ b/src/components/Buttons/Buttons.module.scss
@@ -276,3 +276,8 @@
     }
   }
 }
+
+.spacing {
+  margin-top: var(--spacing-md);
+  margin-bottom: var(--spacing-md);
+}
-- 
cgit v1.2.3