From df28fa8c3c6c3dbe7a17811329e89d0c6a02ae94 Mon Sep 17 00:00:00 2001
From: Santiago Lo Coco <santilococo.01@gmail.com>
Date: Thu, 10 Feb 2022 13:11:22 -0300
Subject: [PATCH] Make project card entirely clickable (and delete unnecesary
 div)

---
 _includes/projects.html | 10 ++++------
 _sass/_base.scss        |  6 ++++++
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/_includes/projects.html b/_includes/projects.html
index adba3fa..f560a45 100644
--- a/_includes/projects.html
+++ b/_includes/projects.html
@@ -1,9 +1,9 @@
 
     <div class="grid-item">
       {% if project.redirect -%}
-      <a href="{{ project.redirect }}">
+      <a href="{{ project.redirect }}" class="stretched-link">
       {%- else -%}
-      <a href="{{ project.url | relative_url }}">
+      <a href="{{ project.url | relative_url }}" class="stretched-link">
       {%- endif %}
         <div class="card hoverable">
           {%- if project.img %}
@@ -14,11 +14,10 @@
           <div class="card-body">
             <h2 class="card-title">{{ project.title }}</h2>
             <p class="card-text">{{ project.description }}</p>
-            <div class="row ml-1 mr-1 p-0" style="float: right">
               {%- if project.github -%}
-              <div class="github-icon">
+              <div class="github-icon" style="float: right;">
                 <div class="icon" data-toggle="tooltip" title="Code Repository">
-                  <a href="{{ project.github }}"><i class="fab fa-github gh-icon"></i></a>
+                  <a href="{{ project.github }}" class="stretched-link"><i class="fab fa-lg fa-github gh-icon"></i></a>
                 </div>
                 {%- if project.github_stars -%}
                 <span class="stars" data-toggle="tooltip" title="GitHub Stars">
@@ -28,7 +27,6 @@
                 {%- endif %}
               </div>
               {%- endif %}
-            </div>
           </div>
         </div>
       </a>
diff --git a/_sass/_base.scss b/_sass/_base.scss
index f71d1f1..d3af1a9 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -345,6 +345,8 @@ blockquote {
   .grid-item {
     width: 250px;
     margin-bottom: 10px;
+    z-index: 2;
+    position: relative;
   }
 
   h2.category {
@@ -357,6 +359,10 @@ blockquote {
   }
 }
 
+.github-icon {
+    z-index: 2;
+    position: relative;
+}
 
 // Publications