From 928404a82eaba73543eb1aba029d26566880a5ae Mon Sep 17 00:00:00 2001
From: Rafael Bardini <rafael@rbardini.com>
Date: Mon, 10 Feb 2020 20:31:21 +0100
Subject: [PATCH] Style keywords as chips

---
 resume.template |  8 ++------
 style.css       | 12 ++++++++++++
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/resume.template b/resume.template
index c574d89..87f9e41 100644
--- a/resume.template
+++ b/resume.template
@@ -383,9 +383,7 @@
                   {{/name}}
                   {{#if keywords.length}}
                     <ul class="keywords">
-                      {{#keywords}}
-                        <li>{{.}}</li>
-                      {{/keywords}}
+                      {{#keywords}}<li>{{.}}</li>{{/keywords}}
                     </ul>
                   {{/if}}
                 </div>
@@ -437,9 +435,7 @@
                   {{/name}}
                   {{#if keywords.length}}
                     <ul class="keywords">
-                      {{#keywords}}
-                        <li>{{.}}</li>
-                      {{/keywords}}
+                      {{#keywords}}<li>{{.}}</li>{{/keywords}}
                     </ul>
                   {{/if}}
                 </div>
diff --git a/style.css b/style.css
index 243c195..91eca74 100644
--- a/style.css
+++ b/style.css
@@ -69,6 +69,18 @@ h4 span:first-child {
 .col-sm-12 + .col-sm-12 {
   margin-top: 30px;
 }
+.keywords {
+  padding: 0;
+}
+.keywords > li {
+  display: inline-block;
+  background: #f4f6f6;
+  margin: 0 4px 4px 0;
+  padding: 2px 8px;
+}
+.keywords > li:before {
+  content: none;
+}
 #header {
   background: #f4f6f6;
   padding: 50px 0;