From 4c602408bd1234c479c35bcfdc67a213b7f8cf86 Mon Sep 17 00:00:00 2001
From: Yanatchara JERAJA <yanatchara.j@ku.th>
Date: Sun, 16 Jul 2023 10:37:56 +0700
Subject: [PATCH] edited slides button style

---
 src/components/Preproblems.jsx | 13 +++++++++----
 src/components/Problems.css    | 34 ++++++++++++++++++++++++++++++++++
 2 files changed, 43 insertions(+), 4 deletions(-)

diff --git a/src/components/Preproblems.jsx b/src/components/Preproblems.jsx
index 037772e..6ff2a51 100644
--- a/src/components/Preproblems.jsx
+++ b/src/components/Preproblems.jsx
@@ -29,24 +29,29 @@ const Preproblems = () => {
                {/*Day 1*/}
                <button>
                    <a
+                       className="slide"
                        href="https://www.canva.com/design/DAFmtzSyMEU/iDO-l19EMxqTZuB6xiX56g/view?utm_content=DAFmtzSyMEU&utm_campaign=designshare&utm_medium=link&utm_source=publishsharelink#1"
                        target="_blank"
                    >
-                     <span className="underline decoration-pink-500">Day 1 Slides</span>
-               </a></button>
+                       <span className="underline decoration-pink-500">Day 1 Slides</span>
+                   </a>
+               </button>
 
                 {/*# Day 2*/}
                <button>
                    <a
+                       className="slide"
                        href=" https://www.canva.com/design/DAFnlHJWs8A/Fr7CmfQqTRXB_NkUSsop5g/view?utm_content=DAFnlHJWs8A&utm_campaign=designshare&utm_medium=link&utm_source=publishsharelink#1"
                        target="_blank"
                    >
-                     <span className="underline decoration-pink-500">Day 2 Slides</span>
-               </a></button>
+                       <span className="underline decoration-pink-500">Day 2 Slides</span>
+                   </a>
+               </button>
 
                 {/*# Day 3*/}
                <button>
                    <a
+                       className="slide"
                        href="https://www.canva.com/design/DAFnjy2nh4g/aN8Wpiu8r_h4Sfr1hYEFLA/view?utm_content=DAFnjy2nh4g&utm_campaign=designshare&utm_medium=link&utm_source=publishsharelink#1"
                        target="_blank"
                    >
diff --git a/src/components/Problems.css b/src/components/Problems.css
index 2fb774f..c4425ad 100644
--- a/src/components/Problems.css
+++ b/src/components/Problems.css
@@ -368,3 +368,37 @@ h4.mail {
     /*border-color: #fc6ac3;*/
 }
 
+#about.hash-span {
+    padding-bottom: 0;
+}
+
+/*button {*/
+/*    border-radius: 10px;*/
+/*    border-width: thin;*/
+/*    border-color: #fc6ac3;*/
+/*    --button-bg: #fc6ac3;*/
+/*}*/
+
+button a.slide {
+    text-decoration: none;
+    background-color: #1f1f44;
+    border-radius: 10px;
+    margin-right: 10px;
+    margin-left: 10px;
+    padding: 10px 10px 10px 10px;
+}
+
+button a.slide:hover {
+    text-decoration: none;
+    background-color: #2e2b52;
+}
+
+span.underline.decoration-pink-500 {
+    --tw-text-opacity: 1;
+    color: #fc75c3;
+    text-decoration: none;
+}
+
+.Problems p {
+    padding-bottom: 20px;
+}
\ No newline at end of file