descriptions toggle and UI cleanup

1 files changed, 10 insertions, 3 deletions

diff --git a/src/client/views/nodes/LinkDescriptionPopup.scss b/src/client/views/nodes/LinkDescriptionPopup.scss
index 474bd919b..54002fd1b 100644
--- a/src/client/views/nodes/LinkDescriptionPopup.scss
+++ b/src/client/views/nodes/LinkDescriptionPopup.scss
@@ -2,7 +2,7 @@
 
     display: flex;
 
-    border: 1px solid rgb(100, 100, 100);
+    border: 1px solid rgb(170, 26, 26);
 
     width: auto;
     position: absolute;
@@ -21,13 +21,19 @@
 
     .linkDescriptionPopup-input {
         float: left;
+        background-color: rgba(250, 250, 250, 0.95);
         color: rgb(100, 100, 100);
+        border: none;
+        min-width: 160px;
     }
 
     .linkDescriptionPopup-btn {
 
         float: right;
 
+        justify-content: center;
+        vertical-align: middle;
+
 
         .linkDescriptionPopup-btn-dismiss {
             background-color: white;
@@ -40,7 +46,8 @@
             font-size: 9px;
             text-align: center;
             position: relative;
-            transform: translateY(5px);
+            margin-right: 4px;
+            justify-content: center;
         }
 
         .linkDescriptionPopup-btn-add {
@@ -54,7 +61,7 @@
             font-size: 9px;
             text-align: center;
             position: relative;
-            transform: translateY(5px);
+            justify-content: center;
         }
     }