From 4a2984a40004882999224431539c70b43d657b83 Mon Sep 17 00:00:00 2001
From: Abhilesh Dhawanjewar <2447878+abhilesh@users.noreply.github.com>
Date: Fri, 31 May 2024 17:27:10 +0100
Subject: [PATCH] Fix: date pill position on CV (#2455)

Fixes: #2393

Changes made in this PR -
Added `style="width: 75px; transform: translateX(-15px)
translateY(-5px);">` to move the date pill `15px` to the left and `5px`
to the top

| Before | After |
| :-----: | :----: |
|
![date_pill_before](https://github.com/alshedivat/al-folio/assets/2447878/be80f8ea-b41f-4013-ace2-2ce4b184f076)
|
![date_pill_after](https://github.com/alshedivat/al-folio/assets/2447878/6f627e98-45aa-4b9a-b111-4c6c2013820c)
|
---
 _includes/resume/awards.liquid       | 2 +-
 _includes/resume/education.liquid    | 2 +-
 _includes/resume/projects.liquid     | 2 +-
 _includes/resume/publications.liquid | 2 +-
 _includes/resume/volunteer.liquid    | 2 +-
 _includes/resume/work.liquid         | 2 +-
 _sass/_base.scss                     | 5 +++++
 7 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/_includes/resume/awards.liquid b/_includes/resume/awards.liquid
index 13bd9b3..85dec3f 100644
--- a/_includes/resume/awards.liquid
+++ b/_includes/resume/awards.liquid
@@ -2,7 +2,7 @@
   {% for content in data[1] %}
     <li class="list-group-item">
       <div class="row">
-        <div class="col-xs-2 cl-sm-2 col-md-2 text-center" style="width: 75px">
+        <div class="col-xs-2 cl-sm-2 col-md-2 text-center date-column">
           {% if content.date %} {% assign date = content.date | split: '-' | join: '.' %} {% else %} {% assign date = '' %} {% endif %}
           <span class="badge font-weight-bold danger-color-dark text-uppercase align-middle" style="min-width: 75px"> {{ date }} </span>
         </div>
diff --git a/_includes/resume/education.liquid b/_includes/resume/education.liquid
index a570605..cebb058 100644
--- a/_includes/resume/education.liquid
+++ b/_includes/resume/education.liquid
@@ -3,7 +3,7 @@
   {% for content in education %}
     <li class="list-group-item">
       <div class="row">
-        <div class="col-xs-2 cl-sm-2 col-md-2 text-center" style="width: 75px">
+        <div class="col-xs-2 cl-sm-2 col-md-2 text-center date-column">
           {% if content.startDate and content.startDate != '' %}
             {% assign startDate = content.startDate | split: '-' | slice: 0, 2 | join: '.' %}
             {% assign endDate = content.endDate | split: '-' | slice: 0, 2 | join: '.' | default: 'Present' %}
diff --git a/_includes/resume/projects.liquid b/_includes/resume/projects.liquid
index 5f47ea8..1620e15 100644
--- a/_includes/resume/projects.liquid
+++ b/_includes/resume/projects.liquid
@@ -2,7 +2,7 @@
   {% for content in data[1] %}
     <li class="list-group-item">
       <div class="row">
-        <div class="col-xs-2 cl-sm-2 col-md-2 text-center" style="width: 75px">
+        <div class="col-xs-2 cl-sm-2 col-md-2 text-center date-column">
           {% if content.startDate %}
             {% assign startDate = content.startDate | split: '-' | slice: 0, 2 | join: '.' %}
             {% assign endDate = content.endDate | split: '-' | slice: 0, 2 | join: '.' | default: 'Present' %}
diff --git a/_includes/resume/publications.liquid b/_includes/resume/publications.liquid
index ef23413..04f2077 100644
--- a/_includes/resume/publications.liquid
+++ b/_includes/resume/publications.liquid
@@ -3,7 +3,7 @@
   {% for content in publications %}
     <li class="list-group-item">
       <div class="row">
-        <div class="col-xs-2 cl-sm-2 col-md-2 text-center" style="width: 75px">
+        <div class="col-xs-2 cl-sm-2 col-md-2 text-center date-column">
           {% if content.releaseDate %} {% assign date = content.releaseDate | split: '-' | join: '.' %} {% else %} {% assign date = '' %} {% endif %}
           <table class="table-cv">
             <tbody>
diff --git a/_includes/resume/volunteer.liquid b/_includes/resume/volunteer.liquid
index 7a7b2d6..32e589b 100644
--- a/_includes/resume/volunteer.liquid
+++ b/_includes/resume/volunteer.liquid
@@ -3,7 +3,7 @@
   {% for content in volunteer %}
     <li class="list-group-item">
       <div class="row">
-        <div class="col-xs-2 cl-sm-2 col-md-2 text-center" style="width: 75px">
+        <div class="col-xs-2 cl-sm-2 col-md-2 text-center date-column">
           {% if content.startDate %}
             {% assign startDate = content.startDate | split: '-' | slice: 0, 2 | join: '.' %}
             {% assign endDate = content.endDate | split: '-' | slice: 0, 2 | join: '.' | default: 'Present' %}
diff --git a/_includes/resume/work.liquid b/_includes/resume/work.liquid
index 79d8da9..f92a599 100644
--- a/_includes/resume/work.liquid
+++ b/_includes/resume/work.liquid
@@ -3,7 +3,7 @@
   {% for content in work %}
     <li class="list-group-item">
       <div class="row">
-        <div class="col-xs-2 cl-sm-2 col-md-2 text-center" style="width: 75px">
+        <div class="col-xs-2 cl-sm-2 col-md-2 text-center date-column">
           {% if content.startDate %}
             {% assign startDate = content.startDate | split: '-' | slice: 0, 2 | join: '.' %}
             {% assign endDate = content.endDate | split: '-' | slice: 0, 2 | join: '.' | default: 'Present' %}
diff --git a/_sass/_base.scss b/_sass/_base.scss
index 64198e2..63d2dc9 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -484,6 +484,11 @@ footer.sticky-bottom {
   color: var(--global-text-color);
 }
 
+.date-column {
+  width: 75px;
+  transform: translateX(-15px) translateY(-5px);
+}
+
 // Repositories
 
 @media (min-width: 768px) {