Fix recommendations link

anhtuank7c · Feb 16, 2025 · c29084e · c29084e
1 parent 4e53851
commit c29084e
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 25 deletions.
diff --git a/_includes/recommendations.html b/_includes/recommendations.html
@@ -8,8 +8,8 @@ <h2 class="section-title">
     </span>
     {{ recommendations.title }}
   </h2>
-  {% for recommendation in recommendations.list %} {% if
-  recommendation.recommendation %}
+  {% for recommendation in recommendations.list %}
+  {% if recommendation.recommendation %}
   <div class="item">
     <blockquote class="details">
       {{ recommendation.recommendation | markdownify }}
@@ -20,32 +20,28 @@ <h2 class="section-title">
       <div class="ml-auto">
         <h3 class="recommendation-person">{{ recommendation.person }}</h3>
         <p>{{ recommendation.role }}</p>
-        {% if recommendation.email %}
         <div>
-          <a href="mailto:{{recommendation.email}}"><i class="fas fa-envelope mr-1"></i>{{ recommendation.email }}</a>
+          {% if recommendation.email %}
+          <a href="mailto:{{recommendation.email}}" class="mr-2"><i class="fas fa-envelope mr-1"></i>{{
+            recommendation.email }}</a>
+          {% endif %}
+          {% if recommendation.facebook %}
+          <a href="{{recommendation.facebook}}" target="_blank" class="mr-2"><i
+              class="fas fa-brands fa-facebook-f mr-1"></i>Facebook</a>
+          {% endif %}
+          {% if recommendation.linkedin %}
+          <a href="{{recommendation.linkedin}}" target="_blank" class="mr-2"><i
+              class="fas fa-brands fa-linkedin mr-1"></i>Linkedin</a>
+          {% endif %}
+          {% if recommendation.phone %}
+          <a href="tel:{{recommendation.phone}}" class="mr-2"><i class="fas fa-phone mr-1"></i>{{ recommendation.phone
+            }}</a>
+          {% endif %}
           </div>
-        {% endif %}
-        {% if recommendation.facebook %}
-        <div>
-          <a href="{{recommendation.facebook}}"><i class="fas fa-brands fa-facebook-f mr-1"></i>Facebook</a>
-        </div>
-        {% endif %}
-        {% if recommendation.linkedin %}
-        <div>
-          <a href="{{recommendation.linkedin}}"><i class="fas fa-brands fa-linkedin mr-1"></i>Linkedin</a>
-        </div>
-        {% endif %}
-        {% if recommendation.phone %}
-        <div>
-          <a href="tel:{{recommendation.phone}}">
-            <i class="fas fa-phone mr-1"></i>{{ recommendation.phone }}</a>
-        </div>
-        {% endif %}
       </div>
-      {% endif %}
-    </div>
-  </div>
-  {% endfor %}
+      </div>
+    {% endif %}
+    {% endfor %}
 </section>
 <!--//section-->
 {% endif %}
diff --git a/_sass/_utilities.scss b/_sass/_utilities.scss
@@ -7,6 +7,9 @@
 .mr-1 {
   margin-right: 0.5rem;
 }
+.mr-2 {
+  margin-right: 1rem;
+}
 .mb-1 {
   margin-bottom: 0.5rem;
 }