fix inconsistent margins & capitalisation (#281)

2 files changed, 11 insertions, 10 deletions

diff --git a/src/components/VencordSettings/ThemesTab.tsx b/src/components/VencordSettings/ThemesTab.tsx
index 60dd96d..b673c4b 100644
--- a/src/components/VencordSettings/ThemesTab.tsx
+++ b/src/components/VencordSettings/ThemesTab.tsx
@@ -57,7 +57,8 @@ function Validators({ themeLinks }: { themeLinks: string[]; }) {
                 {themeLinks.map(link => (
                     <Card style={{
                         padding: ".5em",
-                        marginBottom: ".5em"
+                        marginBottom: ".5em",
+                        marginTop: ".5em"
                     }} key={link}>
                         <Forms.FormTitle tag="h5" style={{
                             overflowWrap: "break-word"
@@ -95,21 +96,21 @@ export default ErrorBoundary.wrap(function () {
             }}>
                 <Forms.FormTitle tag="h5">Paste links to .css / .theme.css files here</Forms.FormTitle>
                 <Forms.FormText>One link per line</Forms.FormText>
-                <Forms.FormText>Be careful to use the raw links or github.io links!</Forms.FormText>
+                <Forms.FormText>Make sure to use the raw links or github.io links!</Forms.FormText>
                 <Forms.FormDivider />
                 <Forms.FormTitle tag="h5">Find Themes:</Forms.FormTitle>
-                <div>
+                <div style={{ marginBottom: ".5em" }}>
                     <Link style={{ marginRight: ".5em" }} href="https://betterdiscord.app/themes">
                         BetterDiscord Themes
                     </Link>
-                    <Link href="https://github.com/search?q=discord+theme">Github</Link>
+                    <Link href="https://github.com/search?q=discord+theme">GitHub</Link>
                 </div>
                 <Forms.FormText>If using the BD site, click on "Source" somewhere below the Download button</Forms.FormText>
                 <Forms.FormText>In the GitHub repository of your theme, find X.theme.css / X.css, click on it, then click the "Raw" button</Forms.FormText>
                 <Forms.FormText>
                     If the theme has configuration that requires you to edit the file:
                     <ul>
-                        <li>• Make a github account</li>
+                        <li>• Make a <Link href="https://github.com/signup">GitHub</Link> account</li>
                         <li>• Click the fork button on the top right</li>
                         <li>• Edit the file</li>
                         <li>• Use the link to your own repository instead</li>
diff --git a/src/components/VencordSettings/VencordTab.tsx b/src/components/VencordSettings/VencordTab.tsx
index ad8fe14..df25e2d 100644
--- a/src/components/VencordSettings/VencordTab.tsx
+++ b/src/components/VencordSettings/VencordTab.tsx
@@ -89,8 +89,8 @@ function VencordSettings() {
                 <Switch
                     value={settings.useQuickCss}
                     onChange={(v: boolean) => settings.useQuickCss = v}
-                    note="Loads styles from your QuickCss file">
-                    Use QuickCss
+                    note="Loads styles from your QuickCSS file">
+                    Use QuickCSS
                 </Switch>
                 {!IS_WEB && (
                     <React.Fragment>
@@ -103,8 +103,8 @@ function VencordSettings() {
                         <Switch
                             value={settings.notifyAboutUpdates}
                             onChange={(v: boolean) => settings.notifyAboutUpdates = v}
-                            note="Shows a Toast on StartUp">
-                            Get notified about new Updates
+                            note="Shows a toast on startup">
+                            Get notified about new updates
                         </Switch>
                     </React.Fragment>
                 )}
@@ -131,7 +131,7 @@ function DonateCard({ image }: DonateCardProps) {
             <div>
                 <Forms.FormTitle tag="h5">Support the Project</Forms.FormTitle>
                 <Forms.FormText>
-                    Please consider supporting the Development of Vencord by donating!
+                    Please consider supporting the development of Vencord by donating!
                 </Forms.FormText>
                 <DonateButton style={{ transform: "translateX(-1em)" }} />
             </div>