From 08716872f431028fb0fe24add5d1e25a663ed798 Mon Sep 17 00:00:00 2001
From: Gregg8 <gregg.ramsey@day8.com.au>
Date: Wed, 24 Jan 2018 10:48:03 +1100
Subject: [PATCH] Fixed background color issue with dataviewer component and
 made a 1px gap between the pods and their scrollbar

---
 src/day8/re_frame/trace/view/app_db.cljs | 11 ++++++-----
 src/day8/re_frame/trace/view/subs.cljs   | 11 ++++++-----
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/day8/re_frame/trace/view/app_db.cljs b/src/day8/re_frame/trace/view/app_db.cljs
index 5578b33..6610a54 100644
--- a/src/day8/re_frame/trace/view/app_db.cljs
+++ b/src/day8/re_frame/trace/view/app_db.cljs
@@ -202,20 +202,21 @@
                                      (clojure.data/diff (get-in @app-db-before path)
                                                         (get-in @app-db-after path)))]
     [rc/v-box
-     :style    {:margin-bottom pod-gap}
+     :style    {:margin-bottom pod-gap
+                :margin-right  "1px"}
      :children [[pod-header pod-info]
                 [rc/v-box
                  :class    (when open? "app-db-path--pod-border")
                  :children [[animated/component
                              (animated/v-box-options {:enter-animation "accordionVertical"
                                                       :leave-animation "accordionVertical"
-                                                      :duration        animation-duration
-                                                      :style           {:overflow-x "auto"
-                                                                        :overflow-y "hidden"}})
+                                                      :duration        animation-duration})
                              (when open?
                                [rc/v-box
                                 :class (str "data-viewer" (when-not diff? " rounded-bottom"))
-                                :style {:margin (css-join pod-padding pod-padding "0px" pod-padding)}
+                                :style {:margin     (css-join pod-padding pod-padding "0px" pod-padding)
+                                        :overflow-x "auto"
+                                        :overflow-y "hidden"}
                                 :children [[components/simple-render
                                             (get-in @app-db-after path)
                                             ["app-db-path" path]
diff --git a/src/day8/re_frame/trace/view/subs.cljs b/src/day8/re_frame/trace/view/subs.cljs
index a2f9245..2c1aa2b 100644
--- a/src/day8/re_frame/trace/view/subs.cljs
+++ b/src/day8/re_frame/trace/view/subs.cljs
@@ -148,20 +148,21 @@
                                      (clojure.data/diff (get-in @app-db-before path)
                                                         (get-in @app-db-after path)))]
     [rc/v-box
-     :style    {:margin-bottom pod-gap}
+     :style    {:margin-bottom pod-gap
+                :margin-right  "1px"}
      :children [[pod-header pod-info]
                 [rc/v-box
                  :class    (when open? "app-db-path--pod-border")
                  :children [[animated/component
                              (animated/v-box-options {:enter-animation "accordionVertical"
                                                       :leave-animation "accordionVertical"
-                                                      :duration        animation-duration
-                                                      :style           {:overflow-x "auto"
-                                                                        :overflow-y "hidden"}})
+                                                      :duration        animation-duration})
                              (when open?
                                [rc/v-box
                                 :class (str "data-viewer" (when-not diff? " rounded-bottom"))
-                                :style {:margin (css-join pod-padding pod-padding "0px" pod-padding)}
+                                :style {:margin     (css-join pod-padding pod-padding "0px" pod-padding)
+                                        :overflow-x "auto"
+                                        :overflow-y "hidden"}
                                 :children [[components/simple-render
                                             (:value pod-info)]]])]
                             [animated/component