From 00eb0180d53753653402cbc1978bb2ca56d2059a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jaakko=20Kantoj=C3=A4rvi?= <jaakko@n-1.fi>
Date: Thu, 4 Mar 2021 01:27:21 +0200
Subject: [PATCH] Render contact links on a single line

---
 assets/css/_layout.scss      |  4 ++++
 layouts/partials/header.html | 29 ++++++++++++++++++++++++-----
 2 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/assets/css/_layout.scss b/assets/css/_layout.scss
index fa36033..b1bd8ee 100644
--- a/assets/css/_layout.scss
+++ b/assets/css/_layout.scss
@@ -99,6 +99,10 @@ main.paper {
       -o-border-radius: 50%;
       border-radius: 50%;
     }
+
+    a i {
+      padding: 0;
+    }
   }
 
   .left-column, .right-column {
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 2ac03c4..3ddbd6b 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -2,11 +2,30 @@
 	{{ with .Data.features.about }}
 		<h1 class="name">{{ .name }}</h1>
 		{{ if $.Header.tagline }}<h2 class="tagline">{{ .tagline }}</h2>{{end}}
-		{{ if $.Header.contact }}<span class="contact">{{ .phone }} | {{ .email }}</span>{{ end }}
-		{{ if $.Header.links }}
-			{{ range .links }}
-			<a href="{{ .url }}" class="no-external-icon">{{ if and $.useFontAwesome .icon }}<i class="{{ .icon }}"></i>{{ end }}{{ .title }}</a>
-			{{ end }}
+		{{ if $.Header.contact -}}
+			<span class="contact">
+				{{- with .phone -}}
+					{{- if $.useFontAwesome }}<i class="fas fa-phone-square-alt"></i> {{ end -}}
+					{{- . -}}
+				{{- end -}}
+				{{- if and .phone .email }} | {{ end -}}
+				{{- with .email -}}
+					{{- if $.useFontAwesome }}<i class="fas fa-envelope"></i> {{ end -}}
+					{{- . -}}
+				{{- end -}}
+			</span>
+		{{- end }}
+		{{ if $.Header.links -}}
+			<span class="contact-links">
+				{{- $last := sub (len .links) 1 -}}
+				{{- range $i, $e := .links -}}
+				<a href="{{ $e.url }}" class="no-external-icon">
+					{{- if and $e.icon $.useFontAwesome }}<i class="{{ $e.icon }}"></i> {{ end -}}
+					{{- $e.title -}}
+				</a>
+				{{- if ne $i $last }} | {{ end -}}
+				{{- end -}}
+			</span>
 		{{ end }}
 	{{ end }}
 </div>