From 81b9dac395e69c5b1757f98a2e42d6033c3aef84 Mon Sep 17 00:00:00 2001
From: BernatBC <bernat.borrasc@gmail.com>
Date: Sat, 3 Feb 2024 11:09:27 +0100
Subject: [PATCH] Update Styling

---
 assets/styles/sections/experiences.scss       |  6 +++++
 .../experiences/multiple-positions.html       | 22 ++++++++++---------
 .../sections/experiences/single-position.html | 14 +++++++-----
 3 files changed, 27 insertions(+), 15 deletions(-)

diff --git a/assets/styles/sections/experiences.scss b/assets/styles/sections/experiences.scss
index d6f6085..7677d4c 100644
--- a/assets/styles/sections/experiences.scss
+++ b/assets/styles/sections/experiences.scss
@@ -92,6 +92,12 @@
     }
   }
 
+  .company-heading {
+    h5, p {
+      display: inline;
+    }
+  }
+
   @include media('<=medium') {
     .container {
       max-width: 100%;
diff --git a/layouts/partials/sections/experiences/multiple-positions.html b/layouts/partials/sections/experiences/multiple-positions.html
index 7c71b2b..2c83f9b 100644
--- a/layouts/partials/sections/experiences/multiple-positions.html
+++ b/layouts/partials/sections/experiences/multiple-positions.html
@@ -10,16 +10,18 @@
             <img class="company-logo" src="{{ $logoImage.RelPermalink }}" alt="{{ .name }}" />
         </div>
         {{ end }}
-        <!-- For multiple positions, give emphasis on the company name-->
-        <h5>{{ if .company.url }}<a href={{.company.url}} title="{{ .company.name }}" target="_blank" rel="noopener">{{ .company.name }}</a>{{ else }}{{ .company.name }}{{ end }}</h5>
-
-        <!-- Total experience duration on a company is time between the starting date of the oldest position and ending date of most recent position -->
-        {{ $oldestPosition := index (last 1 .positions) 0}}
-        {{ $mostRecentPosition := index (first 1 .positions) 0}}
-        <p class="text-muted">
-            {{ $oldestPosition.start }} - {{ if $mostRecentPosition.end }}{{ $mostRecentPosition.end }}{{ else }}{{ i18n "present" }}{{ end }},
-            {{ .company.location }}
-        </p>
+       <!-- Total experience duration on a company is time between the starting date of the oldest position and ending date of most recent position -->
+       {{ $oldestPosition := index (last 1 .positions) 0}}
+       {{ $mostRecentPosition := index (first 1 .positions) 0}}
+       <div class="company-heading">
+           <h5>{{ if .company.url }}<a href={{.company.url}} title="{{ .company.name }}" target="_blank" rel="noopener">{{ .company.name }}</a>{{ else }}{{ .company.name }}{{ end }}</h5>
+           <p class="text-muted">
+               {{ $oldestPosition.start }} - {{ if $mostRecentPosition.end }}{{ $mostRecentPosition.end }}{{ else }}{{ i18n "present" }}{{ end }}
+           </p>
+       </div>
+       <p class="text-muted">
+           <i class="fa-solid fa-location-dot"></i> {{ .company.location }}
+       </p>
         <!-- Add company overview -->
         <p>{{ .company.overview | markdownify }}</p>
     </div>
diff --git a/layouts/partials/sections/experiences/single-position.html b/layouts/partials/sections/experiences/single-position.html
index 83cf0ee..db24640 100644
--- a/layouts/partials/sections/experiences/single-position.html
+++ b/layouts/partials/sections/experiences/single-position.html
@@ -11,13 +11,17 @@
             <img class="company-logo" src="{{ $logoImage.RelPermalink }}" alt="{{ .name }}" />
         </div>
         {{ end }}
+        {{ $position:= index .positions 0 }}
+        <div class="company-heading">
+            <h5>{{ if .company.url }}<a href={{.company.url}} title="{{ .company.name }}" target="_blank" rel="noopener">{{ .company.name }}</a>{{ else }}{{ .company.name }}{{ end }}</h5>
+            <p class="text-muted">{{ $position.start }} - {{ if $position.end }}{{ $position.end }}{{ else }}{{ i18n "present" }}{{ end }}
+            </p>
+        </div>
+        <p class="text-muted">
+            <i class="fa-solid fa-location-dot"></i> {{ .company.location }}
+        </p>
         <!-- For single position, give emphasis on the designation-->
         <h5>{{ $position.designation }}</h5>
-        <h6>{{ if .company.url }}<a href={{.company.url}} title="{{ .company.name }}" target="_blank" rel="noopener">{{ .company.name }}</a>{{ else }}{{ .company.name }}{{ end }}</h6>
-        <!-- Add experience duration info -->
-        <p class="text-muted">{{ $position.start }} - {{ if $position.end }}{{ $position.end }}{{ else }}{{ i18n "present" }}{{ end }},
-            {{ .company.location }}
-        </p>
     </div>
     <!-- Add company overview -->
     <p>{{ .company.overview | markdownify }}</p>