From 883d261f6e1daf70f05d137c58e4b62eadfab2a0 Mon Sep 17 00:00:00 2001
From: Yanatchara JERAJA <yanatchara.j@ku.th>
Date: Sun, 16 Jul 2023 11:48:52 +0700
Subject: [PATCH] edited card and button style in problem page

---
 src/components/Preproblems.jsx |  6 +++---
 src/components/Problems.css    | 10 ++++++++--
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/Preproblems.jsx b/src/components/Preproblems.jsx
index 6ff2a51..2127bfa 100644
--- a/src/components/Preproblems.jsx
+++ b/src/components/Preproblems.jsx
@@ -27,7 +27,7 @@ const Preproblems = () => {
                 className='mt-4 text-secondary text-[17px] max-w-3xl leading-[30px] mx-auto text-center'
             >
                {/*Day 1*/}
-               <button>
+               <button className="slide-link">
                    <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"
@@ -38,7 +38,7 @@ const Preproblems = () => {
                </button>
 
                 {/*# Day 2*/}
-               <button>
+               <button className="slide-link">
                    <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"
@@ -49,7 +49,7 @@ const Preproblems = () => {
                </button>
 
                 {/*# Day 3*/}
-               <button>
+               <button className="slide-link">
                    <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"
diff --git a/src/components/Problems.css b/src/components/Problems.css
index 74d80a8..ab24404 100644
--- a/src/components/Problems.css
+++ b/src/components/Problems.css
@@ -366,14 +366,14 @@ h4.mail {
     border-radius: 10px;
     border-width: thin;
     /*border-color: #fc6ac3;*/
+    box-shadow: 0 4px 15px 0 rgb(255, 94, 231);
 }
 
 button a.slide {
     text-decoration: none;
     background-color: #1f1f44;
     border-radius: 10px;
-    margin-right: 10px;
-    margin-left: 10px;
+    margin: 10px 10px 10px 10px;
     padding: 10px 10px 10px 10px;
 }
 
@@ -386,6 +386,8 @@ span.underline.decoration-pink-500 {
     --tw-text-opacity: 1;
     color: #fc75c3;
     text-decoration: none;
+    margin: 10px 10px 10px 10px;
+    padding-bottom: 10px;
 }
 
 .Problems p {
@@ -406,3 +408,7 @@ div.MuiContainer-root {
     text-decoration: none;
 }
 
+.slide-link {
+    margin-bottom: 30px;
+}
+