From 3f72cce5e75db95d4c196c32bb3b61b4f0fd2f23 Mon Sep 17 00:00:00 2001
From: Nelson Chen <crazysim@gmail.com>
Date: Sat, 27 May 2017 17:15:06 -0700
Subject: [PATCH] More discreet close button

---
 src/components/Face.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/Face.vue b/src/components/Face.vue
index 6b95a78..819890a 100644
--- a/src/components/Face.vue
+++ b/src/components/Face.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container" :class="popupActive ? 'popupActive' : ''">
-    <a class="close button" @click="popupActive = false" v-if="popupActive">Close X</a>
+    <a class="close button" @click="popupActive = false" v-if="popupActive">X</a>
     <p class="title top">
       {{ face.title }}
     </p>
@@ -146,14 +146,17 @@ screen and (max-width: 63.999em) {
 
 .button {
   cursor: pointer;
-  border: 2px;
-  border-style: solid;
-  padding: 2px;
 }
 
 .close.button {
   position: absolute;
-  right: 20px;
+  text-transform: uppercase;
+  font-family: "Roboto","HelveticaNeue","Helvetica Neue",sans-serif;
+  top: 20px;
+  right: 30px;
+  padding: 10px;
+  color: gray;
+  font-size: 30px;
 }
 
 .title {