From 5adbecad779d33a934dd3c7a8659a4591a65e92d Mon Sep 17 00:00:00 2001
From: Rafael Conde <rafahari@me.com>
Date: Wed, 3 May 2017 09:11:27 -0700
Subject: [PATCH] Increase contrast and focus of input fields

---
 src/components/ControlPanel/ControlPane.css                  | 5 ++---
 src/components/EntryEditor/EntryEditor.css                   | 4 ++++
 .../Widgets/MarkdownControlElements/VisualEditor/index.css   | 5 ++++-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/ControlPanel/ControlPane.css b/src/components/ControlPanel/ControlPane.css
index 8b59694d..d0412d03 100644
--- a/src/components/ControlPanel/ControlPane.css
+++ b/src/components/ControlPanel/ControlPane.css
@@ -14,9 +14,8 @@
     width: 100%;
     padding: 12px;
     margin: 0;
-    border: none;
-    border-bottom: 1px solid rgb(230, 230, 230);
-    border-radius: 0;
+    border: 2px solid rgb(230, 230, 230);
+    border-radius: var(--borderRadius);
     outline: 0;
     box-shadow: none;
     background-color: var(--controlBGColor);
diff --git a/src/components/EntryEditor/EntryEditor.css b/src/components/EntryEditor/EntryEditor.css
index 81bb1365..5fc0c6fd 100644
--- a/src/components/EntryEditor/EntryEditor.css
+++ b/src/components/EntryEditor/EntryEditor.css
@@ -52,3 +52,7 @@
   right: 0;
   height: 100%;
 }
+
+.ProseMirror {
+  border: 2px solid rgb(230, 230, 230);
+}
diff --git a/src/components/Widgets/MarkdownControlElements/VisualEditor/index.css b/src/components/Widgets/MarkdownControlElements/VisualEditor/index.css
index fe962f67..b7088c13 100644
--- a/src/components/Widgets/MarkdownControlElements/VisualEditor/index.css
+++ b/src/components/Widgets/MarkdownControlElements/VisualEditor/index.css
@@ -69,8 +69,11 @@
     position: relative;
     background-color: var(--controlBGColor);
     padding: 12px;
-    border-radius: 0 0 var(--borderRadius) var(--borderRadius);
     overflow: hidden;
+    border-radius: var(--borderRadius);
+    border: 2px solid rgb(230, 230, 230);
+    border-top: 1px solid rgb(230, 230, 230);
+    min-height: 500px;
 
     & ul,
     & ol {