Merge pull request #1831 from AletheiaFact/button-styling-fix

Fix button text styling

Author: thesocialdev

src/components/Header/DonateButton.tsx

@@ -17,6 +17,9 @@ const DonateButton = ({ header = false, style = {} }) => {
             style={{
                 fontWeight: 600,
                 height: header ? 32 : 40,
+                lineHeight: "16px",
+                textAlign: "center",
+                justifyContent: "center",
                 ...style,
             }}
         >

src/components/Personality/PersonalityCardButton.tsx

@@ -26,9 +26,11 @@ const PersonalityCardButton = ({
                 {...buttonProps}
                 style={{
                     fontSize: "12px",
-                    lineHeight: "20px",
+                    lineHeight: "16px",
                     height: "auto",
                     padding: "4px 12px",
+                    textAlign: "center",
+                    justifyContent: "center",
                 }}
             >
                 <span style={{ marginTop: 4 }}>

src/components/Source/SourceListItem.tsx

@@ -52,7 +52,13 @@ const SourceListItem = ({ source }) => {
                         href={source.href}
                         target="_blank"
                         rel="noopener noreferrer"
-                        style={{ width: "fit-content" }}
+                        style={{
+                            width: "fit-content",
+                            textAlign: "center",
+                            justifyContent: "center",
+                            lineHeight: "13px",
+                            padding: "20px 8px",
+                        }}
                     >
                         {t("sources:sourceCardButton")}
                     </AletheiaButton>

src/components/topics/TopicForm.tsx

@@ -144,6 +144,9 @@ const TopicForm = ({
                         padding: "0 5px",
                         fontSize: 12,
                         marginLeft: 5,
+                        textAlign: "center",
+                        justifyContent: "center",
+                        lineHeight: "13px",
                     }}
                 >
                     {t("topics:addTopicsButton")}