stuffs

src/simple-flowchart/components/FlowchartLink.vue

@@ -2,14 +2,16 @@
   <g @mouseover="handleMouseOver"
     @mouseleave="handleMouseLeave">
     <path :d="dAttr" :style="pathStyle"></path>
-    <a v-if="show.delete" @click="deleteLink">
+    <a v-if="show.delete" @click="deleteLink" class="link-delete">
       <text 
-        text-anchor="middle" 
+        text-anchor="middle"
+        alignment-baseline="middle"
         :transform="arrowTransform"
-        font-size="22">&times;</text>
+        >&times;</text>
     </a>
     <path v-else d="M -1 -1 L 0 1 L 1 -1 z"
       :style="arrowStyle"
+
       :transform="arrowTransform"></path>
   </g>
 </template>
@@ -99,4 +101,14 @@ export default {
 g {
   cursor: pointer;
 }
+
+.link-delete {
+  font-size: 3em;
+  text-decoration: none;
+  text-align: center;
+
+  &:hover {
+    text-decoration: none;
+  }
+}
 </style>