From ebef341f739ccea4e289816ceb1cf73f2cd299c7 Mon Sep 17 00:00:00 2001
From: nwrenger <nils@wrenger.net>
Date: Sun, 13 Aug 2023 16:17:32 +0200
Subject: [PATCH] :bug: Fixed Checkbox Styling

---
 README.md          |  2 +-
 package-lock.json  | 22 ++++++++++++++++++++++
 package.json       |  1 +
 tailwind.config.js |  2 +-
 4 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 32a0aa9..561e96d 100644
--- a/README.md
+++ b/README.md
@@ -45,4 +45,4 @@ Huge thanks to everyone who takes part in the development:
 - [x] finish browse route -> filter, view, searching
 - [x] add github workflow for automatically deploying and running this website as a github page
 - [ ] fix formatter && add auto format check on gh-pages build
-- [ ] fix checkbox styling on dropdowns
+- [x] fix checkbox styling on dropdowns
diff --git a/package-lock.json b/package-lock.json
index 1483980..07b35bb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,6 +11,7 @@
 				"@sveltejs/adapter-auto": "^2.0.0",
 				"@sveltejs/adapter-static": "^2.0.3",
 				"@sveltejs/kit": "^1.20.4",
+				"@tailwindcss/forms": "^0.5.4",
 				"autoprefixer": "^10.4.14",
 				"eslint": "^8.28.0",
 				"eslint-config-prettier": "^8.5.0",
@@ -684,6 +685,18 @@
 				"vite": "^4.0.0"
 			}
 		},
+		"node_modules/@tailwindcss/forms": {
+			"version": "0.5.4",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.4.tgz",
+			"integrity": "sha512-YAm12D3R7/9Mh4jFbYSMnsd6jG++8KxogWgqs7hbdo/86aWjjlIEvL7+QYdVELmAI0InXTpZqFIg5e7aDVWI2Q==",
+			"dev": true,
+			"dependencies": {
+				"mini-svg-data-uri": "^1.2.3"
+			},
+			"peerDependencies": {
+				"tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1"
+			}
+		},
 		"node_modules/@types/cookie": {
 			"version": "0.5.1",
 			"resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.5.1.tgz",
@@ -1976,6 +1989,15 @@
 				"node": ">=10.0.0"
 			}
 		},
+		"node_modules/mini-svg-data-uri": {
+			"version": "1.4.4",
+			"resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
+			"integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",
+			"dev": true,
+			"bin": {
+				"mini-svg-data-uri": "cli.js"
+			}
+		},
 		"node_modules/minimatch": {
 			"version": "3.1.2",
 			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
diff --git a/package.json b/package.json
index 7851d19..f89430a 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
 		"@sveltejs/adapter-auto": "^2.0.0",
 		"@sveltejs/adapter-static": "^2.0.3",
 		"@sveltejs/kit": "^1.20.4",
+		"@tailwindcss/forms": "^0.5.4",
 		"autoprefixer": "^10.4.14",
 		"eslint": "^8.28.0",
 		"eslint-config-prettier": "^8.5.0",
diff --git a/tailwind.config.js b/tailwind.config.js
index 8b715cc..f41be2b 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -28,5 +28,5 @@ export default {
 
 	darkMode: "media",
 
-	plugins: []
+	plugins: [require("@tailwindcss/forms")]
 };