From 594f4546cd349a69c14d479539afb45a5297d3be Mon Sep 17 00:00:00 2001
From: Alexander Munch-Hansen <alexmunchhansen@gmail.com>
Date: Tue, 29 May 2018 18:03:53 +0200
Subject: [PATCH] Made pins nicer

---
 style.css | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/style.css b/style.css
index f876ea3..6050713 100644
--- a/style.css
+++ b/style.css
@@ -14,7 +14,6 @@ body {
 .pin {
 
   border: 1px solid rgba(0, 0, 0, 0.8);
-
 }
 
 .ul {
@@ -36,10 +35,22 @@ div.pin {
     min-height: 25em;
 }
 
-div.pin-bottom {
-    /* -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); */
+div.pin-top {
+    -webkit-clip-path: polygon(100% 0%, 1% 0%, 50% 100%);
+    clip-path: polygon(100% 0%, 1% 0%, 50% 100%);
+    display: flex;
+    flex-direction: column;
 }
 
+div.pin-bottom {
+    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
+    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
+    display: flex;
+    flex-direction: column-reverse;
+}
+
+
+
 #pin-0 {
     grid-column-start: 7;
     grid-row-start: 1;