From ebecd57b910cff68c4fdfc1a3cd7889c9f851456 Mon Sep 17 00:00:00 2001
From: Ellpeck <me@ellpeck.de>
Date: Sun, 19 May 2024 10:29:55 +0200
Subject: [PATCH] added discord link to settings

---
 src/settings-tab.ts | 16 ++++++++++------
 styles.css          |  5 ++---
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/settings-tab.ts b/src/settings-tab.ts
index ff7fb0b..06bae5c 100644
--- a/src/settings-tab.ts
+++ b/src/settings-tab.ts
@@ -75,11 +75,15 @@ export class SimpleTimeTrackerSettingsTab extends PluginSettingTab {
             });
 
         this.containerEl.createEl("hr");
-        this.containerEl.createEl("p", {text: "If you like this plugin and want to support its development, you can do so through my website by clicking this fancy image!"});
-        this.containerEl.createEl("a", {href: "https://ellpeck.de/support"})
-            .createEl("img", {
-                attr: {src: "https://ellpeck.de/res/generalsupport.png"},
-                cls: "simple-time-tracker-support"
-            });
+        this.containerEl.createEl("p", { text: "Need help using the plugin? Feel free to join the Discord server!" });
+        this.containerEl.createEl("a", { href: "https://link.ellpeck.de/discordweb" }).createEl("img", {
+            attr: { src: "https://ellpeck.de/res/discord-wide.png" },
+            cls: "simple-time-tracker-settings-image"
+        });
+        this.containerEl.createEl("p", { text: "If you like this plugin and want to support its development, you can do so through my website by clicking this fancy image!" });
+        this.containerEl.createEl("a", { href: "https://ellpeck.de/support" }).createEl("img", {
+            attr: { src: "https://ellpeck.de/res/generalsupport-wide.png" },
+            cls: "simple-time-tracker-settings-image"
+        });
     }
 }
diff --git a/styles.css b/styles.css
index 43d8475..96d83fa 100644
--- a/styles.css
+++ b/styles.css
@@ -2,9 +2,8 @@
     overflow-x: scroll;
 }
 
-.simple-time-tracker-support {
-    max-width: 50%;
-    width: 400px;
+.simple-time-tracker-settings-image {
+    width: 100%;
     height: auto;
 }