From 0690a079fb8274ea3a7bf17b431e8f4e843f742e Mon Sep 17 00:00:00 2001
From: sohez <sohelsayyed1235@gmail.com>
Date: Wed, 30 Oct 2024 02:57:45 +0530
Subject: [PATCH] - project button fix

---
 assets/script/projects.js  |  2 +-
 assets/style/_style.scss   | 12 +++++++-----
 assets/style/style.css     | 14 ++++++++------
 assets/style/style.css.map |  2 +-
 4 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/assets/script/projects.js b/assets/script/projects.js
index 85ad1cd..79c85c7 100644
--- a/assets/script/projects.js
+++ b/assets/script/projects.js
@@ -52,7 +52,7 @@ const ProjectsDataHTML = ProjectsData.map(
             </div>
             <div>
               <p>${item.description}</p>
-              <button><a href="${item.link}" target="_blank">View</a></button>
+              <a href="${item.link}" title="${item.name}" target="_blank">View</a>
             </div>
           </div>
       `
diff --git a/assets/style/_style.scss b/assets/style/_style.scss
index 1651ab7..e51bf8f 100644
--- a/assets/style/_style.scss
+++ b/assets/style/_style.scss
@@ -298,6 +298,8 @@ main #projects-section {
       outline: 1px solid var(--color-primary);
       border-radius: 12px;
       padding: 24px;
+      display: flex;
+      flex-direction: column;
       img {
         height: 60px;
         width: 60px;
@@ -308,7 +310,11 @@ main #projects-section {
         font-size: var(--paragraph-size);
         color: var(--color-text-gray);
       }
-      button {
+      a {
+        width:fit-content;
+        display: block;
+        text-decoration: none;
+        color: var(--color-text);
         padding: 8px 24px;
         margin-top: 12px;
         border-radius: 8px;
@@ -322,10 +328,6 @@ main #projects-section {
           background-color: var(--color-primary);
           cursor: pointer;
         }
-        a {
-          text-decoration: none;
-          color: var(--color-text);
-        }
       }
     }
   }
diff --git a/assets/style/style.css b/assets/style/style.css
index 7d28bda..10b7ca5 100644
--- a/assets/style/style.css
+++ b/assets/style/style.css
@@ -287,6 +287,8 @@ main #projects-section #projects-card-container .projects-card {
   outline: 1px solid var(--color-primary);
   border-radius: 12px;
   padding: 24px;
+  display: flex;
+  flex-direction: column;
 }
 main #projects-section #projects-card-container .projects-card img {
   height: 60px;
@@ -298,7 +300,11 @@ main #projects-section #projects-card-container .projects-card p {
   font-size: var(--paragraph-size);
   color: var(--color-text-gray);
 }
-main #projects-section #projects-card-container .projects-card button {
+main #projects-section #projects-card-container .projects-card a {
+  width: fit-content;
+  display: block;
+  text-decoration: none;
+  color: var(--color-text);
   padding: 8px 24px;
   margin-top: 12px;
   border-radius: 8px;
@@ -309,14 +315,10 @@ main #projects-section #projects-card-container .projects-card button {
   color: var(--color-text);
   transition: all 0.8s;
 }
-main #projects-section #projects-card-container .projects-card button:hover {
+main #projects-section #projects-card-container .projects-card a:hover {
   background-color: var(--color-primary);
   cursor: pointer;
 }
-main #projects-section #projects-card-container .projects-card button a {
-  text-decoration: none;
-  color: var(--color-text);
-}
 
 /*--------------------------------------------------------------
   # Footer -> Contact section
diff --git a/assets/style/style.css.map b/assets/style/style.css.map
index c3e9165..83d982b 100644
--- a/assets/style/style.css.map
+++ b/assets/style/style.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["_style.scss"],"names":[],"mappings":"AAAA;AACE;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EAGA;EACA;EACA;;;AAeF;EACE;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;AAAA;AAAA;AAGA;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;AAGA;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAGA;EACE;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;;AAOZ;AAAA;AAAA;AAGA;EACE;EAKA;EACA;AAyEA;;AAvEA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AACA;EACE;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;AA4BA;;AA1BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAKA;;AAJA;EACE;EACA;;AAGF;EAbF;IAcI;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAhCF;IAiCI;;;AAKJ;EAjFF;IAkFI;IACA;;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;AAAA;AAAA;AAGA;EACE;EACA;;AACA;EACE;;AAEF;EACE;EACA;;AACA;EACE;;AAGJ;EACE;EACA;EACA;;;AAIJ;AAAA;AAAA;AAGA;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;EACA;;;AAMR;AAAA;AAAA;AAGA;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;;AAMV;AAAA;AAAA;AAGA;EACE;EACA;;AACA;EACE;;AAEF;EACE;EACA;;AAGI;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;;AAKR;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAGJ;EACE;EACA;;AAIN;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;;AAKN;AAAA;AAAA;AAIE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAEF;EACE;;AAIF;EACE;;AAEF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAIN;EACE;EACA;EACA","file":"style.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["_style.scss"],"names":[],"mappings":"AAAA;AACE;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EAGA;EACA;EACA;;;AAeF;EACE;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;AAAA;AAAA;AAGA;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;AAGA;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAGA;EACE;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;;AAOZ;AAAA;AAAA;AAGA;EACE;EAKA;EACA;AAyEA;;AAvEA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AACA;EACE;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;AA4BA;;AA1BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAKA;;AAJA;EACE;EACA;;AAGF;EAbF;IAcI;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAhCF;IAiCI;;;AAKJ;EAjFF;IAkFI;IACA;;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;AAAA;AAAA;AAGA;EACE;EACA;;AACA;EACE;;AAEF;EACE;EACA;;AACA;EACE;;AAGJ;EACE;EACA;EACA;;;AAIJ;AAAA;AAAA;AAGA;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;EACA;;;AAMR;AAAA;AAAA;AAGA;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;;AAMV;AAAA;AAAA;AAGA;EACE;EACA;;AACA;EACE;;AAEF;EACE;EACA;;AAGI;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;;AAKR;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAGJ;EACE;EACA;;AAIN;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;;AAKN;AAAA;AAAA;AAIE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAEF;EACE;;AAIF;EACE;;AAEF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAIN;EACE;EACA;EACA","file":"style.css"}
\ No newline at end of file