From 42e26e6ac81741cabeb5e368c143b7fc591b4686 Mon Sep 17 00:00:00 2001
From: Fawn <fangrui_tong@brown.edu>
Date: Mon, 11 Mar 2019 18:24:38 -0400
Subject: kvp ui fits to color pallette

---
 src/client/views/nodes/KeyValueBox.scss | 61 +++++++++++++++++++++------------
 1 file changed, 39 insertions(+), 22 deletions(-)

(limited to 'src')

diff --git a/src/client/views/nodes/KeyValueBox.scss b/src/client/views/nodes/KeyValueBox.scss
index e946275fa..43941f314 100644
--- a/src/client/views/nodes/KeyValueBox.scss
+++ b/src/client/views/nodes/KeyValueBox.scss
@@ -1,31 +1,48 @@
+@import "./../global_variables";
 .keyValueBox-cont {
-  overflow-y: scroll;
-  height: 100%;
-  border: black;
-  border-width: 1px;
-  border-style: solid;
-  box-sizing: border-box;
-  display: inline-block;
-  .imageBox-cont img {
-    max-height: 45px;
-    height: auto;
-  }
+    overflow-y: scroll;
+    height: 100%;
+    border: 1px solid $intermediate-color;
+    border-radius: $border-radius;
+    box-sizing: border-box;
+    display: inline-block;
+    .imageBox-cont img {
+        max-height: 45px;
+        height: auto;
+    }
+    td {
+        padding: 6px 8px;
+        border-right: 1px solid $intermediate-color;
+        border-top: 1px solid $intermediate-color;
+    }
 }
+
 .keyValueBox-table {
-  position: relative;
+    position: relative;
+    border-collapse: collapse;
 }
+
 .keyValueBox-header {
-  background: gray;
+    background: $intermediate-color;
+    color: $light-color;
+    text-transform: uppercase;
+    letter-spacing: 2px;
+    font-size: 12px;
+    font-weight: normal;
+    height: 30px;
+    padding-top: 4px;
 }
+
 .keyValueBox-evenRow {
-  background: white;
-  .formattedTextBox-cont {
-    background: white;
-  }
+    background: $light-color;
+    .formattedTextBox-cont {
+        background: $light-color;
+    }
 }
+
 .keyValueBox-oddRow {
-  background: lightGray;
-  .formattedTextBox-cont {
-    background: lightgray;
-  }
-}
+    background: $light-color-secondary;
+    .formattedTextBox-cont {
+        background: $light-color-secondary;
+    }
+}
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2


From 4f4e5d96bb58fb50491766b1245db1290cffd6a0 Mon Sep 17 00:00:00 2001
From: Fawn <fangrui_tong@brown.edu>
Date: Mon, 11 Mar 2019 18:49:17 -0400
Subject: minor kvp ui changes

---
 src/client/views/nodes/KeyValueBox.scss | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

(limited to 'src')

diff --git a/src/client/views/nodes/KeyValueBox.scss b/src/client/views/nodes/KeyValueBox.scss
index 43941f314..f0cd45ac1 100644
--- a/src/client/views/nodes/KeyValueBox.scss
+++ b/src/client/views/nodes/KeyValueBox.scss
@@ -2,6 +2,7 @@
 .keyValueBox-cont {
     overflow-y: scroll;
     height: 100%;
+    background-color: $light-color;
     border: 1px solid $intermediate-color;
     border-radius: $border-radius;
     box-sizing: border-box;
@@ -14,6 +15,9 @@
         padding: 6px 8px;
         border-right: 1px solid $intermediate-color;
         border-top: 1px solid $intermediate-color;
+        &:last-child {
+            border-right: none;
+        }
     }
 }
 
@@ -28,9 +32,14 @@
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 12px;
-    font-weight: normal;
     height: 30px;
     padding-top: 4px;
+    th {
+        font-weight: normal;
+        &:first-child {
+            border-right: 1px solid $light-color;
+        }
+    }
 }
 
 .keyValueBox-evenRow {
-- 
cgit v1.2.3-70-g09d2


From e9c9d3ea2915ebfd092df77bb49e2fe4f293968b Mon Sep 17 00:00:00 2001
From: Fawn <fangrui_tong@brown.edu>
Date: Mon, 11 Mar 2019 19:48:47 -0400
Subject: more minor kvp ui fixes

---
 src/client/views/nodes/KeyValueBox.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src')

diff --git a/src/client/views/nodes/KeyValueBox.scss b/src/client/views/nodes/KeyValueBox.scss
index f0cd45ac1..63ae75424 100644
--- a/src/client/views/nodes/KeyValueBox.scss
+++ b/src/client/views/nodes/KeyValueBox.scss
@@ -1,4 +1,4 @@
-@import "./../global_variables";
+@import "../global_variables";
 .keyValueBox-cont {
     overflow-y: scroll;
     height: 100%;
-- 
cgit v1.2.3-70-g09d2