From 26530b1becfbe82a79cda0105b3ee1d1cd14ef08 Mon Sep 17 00:00:00 2001
From: Travis Ralston <travpc@gmail.com>
Date: Wed, 20 Dec 2017 21:39:06 -0700
Subject: [PATCH] Use FA close icon

---
 .../riot/scalar-close/scalar-close.component.html |  2 +-
 .../riot/scalar-close/scalar-close.component.scss |  8 +++++++-
 web/public/img/close.svg                          | 15 ---------------
 web/style/_riot.scss                              |  2 +-
 4 files changed, 9 insertions(+), 18 deletions(-)
 delete mode 100644 web/public/img/close.svg

diff --git a/web/app/riot/scalar-close/scalar-close.component.html b/web/app/riot/scalar-close/scalar-close.component.html
index 34fa9ab..f9ee58b 100644
--- a/web/app/riot/scalar-close/scalar-close.component.html
+++ b/web/app/riot/scalar-close/scalar-close.component.html
@@ -1 +1 @@
-<img src="/img/close.svg" (click)="closeScalar()" alt="close" title="close" />
\ No newline at end of file
+<i class="fa fa-times-circle-o scalarClose" (click)="closeScalar()"></i>
\ No newline at end of file
diff --git a/web/app/riot/scalar-close/scalar-close.component.scss b/web/app/riot/scalar-close/scalar-close.component.scss
index 4569620..a30ea6a 100644
--- a/web/app/riot/scalar-close/scalar-close.component.scss
+++ b/web/app/riot/scalar-close/scalar-close.component.scss
@@ -1,4 +1,10 @@
 // component styles are encapsulated and only applied to their components
-img {
+.scalarClose {
+  font-size: 35px;
   cursor: pointer;
+  color: #ccc;
+}
+
+.scalarClose:hover {
+  color: #888;
 }
\ No newline at end of file
diff --git a/web/public/img/close.svg b/web/public/img/close.svg
deleted file mode 100644
index 4c28aa3..0000000
--- a/web/public/img/close.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="35px" height="35px" viewBox="0 0 35 35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: sketchtool 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
-    <title>00C6DB7A-67D6-4431-8FB5-07BB1C1AE079</title>
-    <desc>Created with sketchtool.</desc>
-    <defs></defs>
-    <g id="Scalar" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="vector_integrations_popup" transform="translate(-884.000000, -156.000000)">
-            <g id="icons_close" transform="translate(884.000000, 156.000000)">
-                <path d="M17.5,35 C27.1649831,35 35,27.1649831 35,17.5 C35,7.83501688 27.1649831,0 17.5,0 C7.83501688,0 0,7.83501688 0,17.5 C0,27.1649831 7.83501688,35 17.5,35 Z" id="Oval-1-Copy-7" fill="#EEECEC"></path>
-                <polyline id="icon_close" fill="#535353" opacity="0.9" transform="translate(17.468897, 17.470577) rotate(-315.000000) translate(-17.468897, -17.470577) " points="18.2115394 5.97057742 16.674774 5.97057742 16.674774 16.7275762 5.9688975 16.7275762 5.9688975 18.2642903 16.674774 18.2642903 16.674774 28.9705774 18.2115394 28.9705774 18.2115394 18.2642903 28.9688975 18.2642903 28.9688975 16.7275762 18.2115394 16.7275762 18.2115394 5.97057742"></polyline>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/style/_riot.scss b/web/style/_riot.scss
index 51ef99a..2214b7f 100644
--- a/web/style/_riot.scss
+++ b/web/style/_riot.scss
@@ -26,7 +26,7 @@
   padding-top: 4px;
 }
 
-.header .quickAction .closeButton img {
+.header .quickAction .closeButton .scalarClose {
   position: absolute;
   top: 25px;
   right: 15px;