From 22109a88702f99d3b52f9c11b8ad245a5824f6f6 Mon Sep 17 00:00:00 2001
From: Joelheile <joel.heil-escobar@outlook.de>
Date: Mon, 20 May 2024 16:44:54 +0300
Subject: [PATCH] fix: button hover, destination & hover behavior

---
 docs/product/find-problem.mdx |  4 +++-
 docs/start.mdx                |  2 +-
 src/components/Button.tsx     |  9 ++++++++-
 src/components/Tooltipp.tsx   |  6 +++---
 src/css/custom.css            | 21 +++++++++++++++------
 5 files changed, 30 insertions(+), 12 deletions(-)

diff --git a/docs/product/find-problem.mdx b/docs/product/find-problem.mdx
index b286fee..45c5c5c 100755
--- a/docs/product/find-problem.mdx
+++ b/docs/product/find-problem.mdx
@@ -90,7 +90,9 @@ Die Ursachen sind viel zu vielfältig und man würde rein gar nichts am Problem
 </TwoColumns>
 
 Eine Lösung sollte den Virus (Ursache) bekämpfen und nicht einfach nur die
-Symptome (Schnupfen)
+Symptome (Schnupfen).
+
+(Ursachen können übrigens auch Symptome anderer Ursachen sein!)
 
 ## Finde die Ursache
 
diff --git a/docs/start.mdx b/docs/start.mdx
index 4c7e36c..d840a09 100644
--- a/docs/start.mdx
+++ b/docs/start.mdx
@@ -48,4 +48,4 @@ Community Plattform von anderen Mitgliedern Unterstützung zu bekommen? [Hier](h
 Dieses Wiki ist noch in der Beta-Version und wird stetig weiterentwickelt und verbessert.
 Wir würden uns freuen, wenn du Feedback zum Inhalt sowie Ideen und Gedanken bei Insta an @youngfoundersnetwork schreibst oder einfach unten auf "Diese Seite bearbeiten" gehst 💛
 
-<Button>Roadmap starten!</Button>
+<Button destination="/roadmap/docs/startup-basics/product/find-problem">Roadmap starten!</Button>
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index 270d4b2..054610b 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -1 +1,8 @@
-export const Button = ({ children }) => <button>{children}</button>;
+import Link from "@docusaurus/Link";
+import React from "react";
+
+export const Button = ({ children, destination }) => (
+  <Link to={destination} className="link-no-underline">
+    <button>{children}</button>
+  </Link>
+);
diff --git a/src/components/Tooltipp.tsx b/src/components/Tooltipp.tsx
index 77c9c5c..c738619 100755
--- a/src/components/Tooltipp.tsx
+++ b/src/components/Tooltipp.tsx
@@ -13,12 +13,12 @@ export const Tooltipp = ({
     <p>{toolDescription}</p>
     <div className="flex flex-row mt-4 justify-start gap-4">
       {tutorialSource && (
-        <Link to={tutorialSource} className="no-underline">
+        <Link to={tutorialSource} className="link-no-underline">
           <button>Tutorial anschauen</button>
         </Link>
       )}
-      <Link to={toolSource} className="no-underline">
-        <button>{buttonText}</button>
+      <Link to={toolSource} className="link-no-underline">
+        <button style={{textDecoration: "none"}}>{buttonText}</button>
       </Link>
     </div>
   </div>
diff --git a/src/css/custom.css b/src/css/custom.css
index df6e548..63f72b1 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -58,8 +58,8 @@ h1 {
 
 h2 {
   display: inline-block;
-  background-color: var(--color-contrast);
-  color: var(--color-on-contrast);
+  background-color: black;
+  color: white;
   font-weight: bold;
   padding: 0.25em;
   padding-left: 0.5em;
@@ -70,6 +70,11 @@ h2 {
   letter-spacing: -1px;
 }
 
+[data-theme="dark"] h2{
+  color: black;
+  background-color: white;
+}
+
 h2 a {
   display: none;
 }
@@ -81,6 +86,11 @@ h2 a {
 a {
   text-decoration: underline;
 }
+button, button a,
+.button a {
+  text-decoration: none;
+}
+
 a:hover {
   font-weight: bold;
   color: var(--color-contrast);
@@ -93,7 +103,7 @@ a:hover {
 a > button {
   text-decoration: none;
 }
-button a {
+.link-no-underline {
   text-decoration: none !important;
 }
 button {
@@ -109,11 +119,10 @@ button {
   width: 100%;
   justify-content: center;
 }
-
-[data-theme="dark"] button:hover {
+button:hover {
   color: black;
   background-color: var(--ifm-color-primary);
-  text-decoration-color: var(--ifm-color-primary);
+  text-decoration: none;
 }
 
 .menu__link,