2 files changed, 57 insertions, 6 deletions

diff --git a/src/client/util/SettingsManager.scss b/src/client/util/SettingsManager.scss
new file mode 100644
index 000000000..2b3e455e0
--- /dev/null
+++ b/src/client/util/SettingsManager.scss
@@ -0,0 +1,55 @@
+.settings-interface {
+    display: flex;
+    flex-direction: column;
+
+    .focus-span {
+        text-decoration: underline;
+    }
+
+    p {
+        font-size: 20px;
+        text-align: left;
+        font-style: italic;
+        padding: 0;
+        margin: 0 0 20px 0;
+    }
+
+    .container {
+        display: block;
+        position: relative;
+        margin-top: 10px;
+        margin-bottom: 10px;
+        font-size: 22px;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+        width: 700px;
+        min-width: 700px;
+        max-width: 700px;
+        text-align: left;
+        font-style: normal;
+        font-size: 15;
+        font-weight: normal;
+        padding: 0;
+
+        .padding {
+            padding: 0 0 0 20px;
+            color: black;
+        }
+
+        .close-button {
+            border-radius: 5px;
+            margin-top: 20px;
+            padding: 10px 0;
+            background: aliceblue;
+            transition: 0.5s ease all;
+            border: 1px solid;
+            border-color: aliceblue;
+        }
+
+        .close-button:hover {
+            border-color: black;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/client/util/SettingsManager.tsx b/src/client/util/SettingsManager.tsx
index 5bcfd2449..4701c5f88 100644
--- a/src/client/util/SettingsManager.tsx
+++ b/src/client/util/SettingsManager.tsx
@@ -4,8 +4,8 @@ import MainViewModal from "../views/MainViewModal";
 import { observer } from "mobx-react";
 import { library } from '@fortawesome/fontawesome-svg-core';
 import * as fa from '@fortawesome/free-solid-svg-icons';
-import { DocumentView } from "../views/nodes/DocumentView";
 import { SelectionManager } from "./SelectionManager";
+import "./SettingsManager.scss";
 
 library.add(fa.faCopy);
 
@@ -19,13 +19,8 @@ export default class SettingsManager extends React.Component<{}> {
     public open = action(() => {
         SelectionManager.DeselectAll();
         this.isOpen = true;
-        console.log('oppin');
     });
 
-    // public open = (target: DocumentView) => {
-    //     SelectionManager.DeselectAll();
-    // }
-
     public close = action(() => {
         this.isOpen = false;
     });
@@ -39,6 +34,7 @@ export default class SettingsManager extends React.Component<{}> {
         return (
             <div className={"settings-interface"}>
                 <p>sdfsldkfhlksdjf</p>
+                <div className={"close-button"} onClick={this.close}>Done</div>
             </div>
         );
     }