From 98d6476cc1d18617399b28fa670848f97160ffa1 Mon Sep 17 00:00:00 2001
From: monikahedman <monika_hedman@brown.edu>
Date: Wed, 17 Jul 2019 17:59:45 -0400
Subject: smol changes

---
 src/client/views/DocumentDecorations.scss | 12 +++++++-----
 src/client/views/DocumentDecorations.tsx  |  7 +++++--
 2 files changed, 12 insertions(+), 7 deletions(-)

(limited to 'src')

diff --git a/src/client/views/DocumentDecorations.scss b/src/client/views/DocumentDecorations.scss
index 23d78b39f..537444a93 100644
--- a/src/client/views/DocumentDecorations.scss
+++ b/src/client/views/DocumentDecorations.scss
@@ -24,13 +24,13 @@ $linkGap : 3px;
     .documentDecorations-resizer {
         pointer-events: auto;
         background: $alt-accent;
-        opacity: 0.8;
+        opacity: 1;
     }
 
     .documentDecorations-radius {
         pointer-events: auto;
         background: black;
-        opacity: 0.8;
+        opacity: 1;
         transform: translate(10px, 10px);
         grid-row: 4;
     }
@@ -92,7 +92,7 @@ $linkGap : 3px;
 
     .title {
         background: $alt-accent;
-        opacity: 0.8;
+        opacity: 1;
         grid-column-start: 3;
         grid-column-end: 4;
         pointer-events: auto;
@@ -104,17 +104,18 @@ $linkGap : 3px;
 
 .documentDecorations-closeButton {
     background: $alt-accent;
-    opacity: 0.8;
+    opacity: 1;
     grid-column-start: 4;
     grid-column-end: 6;
     pointer-events: all;
     text-align: center;
     cursor: pointer;
+    padding-right: 10px;
 }
 
 .documentDecorations-minimizeButton {
     background: $alt-accent;
-    opacity: 0.8;
+    opacity: 1;
     grid-column-start: 1;
     grid-column-end: 3;
     pointer-events: all;
@@ -123,6 +124,7 @@ $linkGap : 3px;
     position: absolute;
     left: 0px;
     top: 0px;
+    padding-top: 5px;
     width: $MINIMIZED_ICON_SIZE;
     height: $MINIMIZED_ICON_SIZE;
 }
diff --git a/src/client/views/DocumentDecorations.tsx b/src/client/views/DocumentDecorations.tsx
index fb5104915..d8a4bd071 100644
--- a/src/client/views/DocumentDecorations.tsx
+++ b/src/client/views/DocumentDecorations.tsx
@@ -1,5 +1,5 @@
 import { library } from '@fortawesome/fontawesome-svg-core';
-import { faLink, faTag } from '@fortawesome/free-solid-svg-icons';
+import { faLink, faTag, faTimes } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { action, computed, observable, reaction, runInAction } from "mobx";
 import { observer } from "mobx-react";
@@ -34,6 +34,7 @@ export const Flyout = higflyout.default;
 
 library.add(faLink);
 library.add(faTag);
+library.add(faTimes);
 
 @observer
 export class DocumentDecorations extends React.Component<{}, { value: string }> {
@@ -726,7 +727,9 @@ export class DocumentDecorations extends React.Component<{}, { value: string }>
                 {this._edtingTitle ?
                     <input ref={this.keyinput} className="title" type="text" name="dynbox" value={this._title} onBlur={this.titleBlur} onChange={this.titleChanged} onKeyPress={this.titleEntered} /> :
                     <div className="title" onPointerDown={this.onTitleDown} ><span>{`${this.selectionTitle}`}</span></div>}
-                <div className="documentDecorations-closeButton" title="Close Document" onPointerDown={this.onCloseDown}>X</div>
+                <div className="documentDecorations-closeButton" title="Close Document" onPointerDown={this.onCloseDown}>
+                    <FontAwesomeIcon className="documentdecorations-icon" icon={faTimes} size="lg" />
+                </div>
                 <div id="documentDecorations-topLeftResizer" className="documentDecorations-resizer" onPointerDown={this.onPointerDown} onContextMenu={(e) => e.preventDefault()}></div>
                 <div id="documentDecorations-topResizer" className="documentDecorations-resizer" onPointerDown={this.onPointerDown} onContextMenu={(e) => e.preventDefault()}></div>
                 <div id="documentDecorations-topRightResizer" className="documentDecorations-resizer" onPointerDown={this.onPointerDown} onContextMenu={(e) => e.preventDefault()}></div>
-- 
cgit v1.2.3-70-g09d2