From 3317583c1856621a7a8e1122d9d45900b673ec64 Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Wed, 4 Apr 2018 20:15:55 +0900
Subject: [PATCH] fix: Set font size of close button in image viewer

---
 .../components/TimelineSpace/Modals/ImageViewer.vue       | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/renderer/components/TimelineSpace/Modals/ImageViewer.vue b/src/renderer/components/TimelineSpace/Modals/ImageViewer.vue
index 65575a56..a31a041d 100644
--- a/src/renderer/components/TimelineSpace/Modals/ImageViewer.vue
+++ b/src/renderer/components/TimelineSpace/Modals/ImageViewer.vue
@@ -2,7 +2,7 @@
 <div id="image" v-if="modalOpen">
   <div class="image-wrapper" @keyup.esc.exact="close" tabindex="-1" ref="wrapper">
     <div class="image-header">
-      <i class="el-icon-close" @click="close"></i>
+      <el-button type="text" icon="el-icon-close" @click="close" class="close-button"></el-button>
     </div>
     <div class="image-content">
       <img :src="imageURL">
@@ -51,11 +51,9 @@ export default {
     padding: 8px 8px 0 0 ;
     color: #409eff;
     box-sizing: border-box;
-    font-size: 18px;
 
-    i {
-      font-weight: 800;
-      cursor: pointer;
+    .close-button {
+      font-size: 24px;
     }
   }