From f6209d0ff8e7a46a83d07057dde9015c15f225c3 Mon Sep 17 00:00:00 2001
From: TJ Egan <tw15egan@gmail.com>
Date: Tue, 2 May 2017 10:11:58 -0500
Subject: [PATCH] fix(data-table): update border styles, align checkboxes (#53)

---
 src/components/data-table/_data-table.scss | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/data-table/_data-table.scss b/src/components/data-table/_data-table.scss
index e1e21ab36517..d97c11480afc 100644
--- a/src/components/data-table/_data-table.scss
+++ b/src/components/data-table/_data-table.scss
@@ -109,11 +109,11 @@
     border: 1px solid transparent;
 
     &:first-child:hover {
-      border: 1px solid $brand-02;
+      border-left: 2px solid $brand-02;
+      outline: 1px solid $brand-02;
     }
 
     &:not(:first-child):hover {
-      border: 1px solid $brand-02;
       border-left: 2px solid $brand-02;
       outline: 1px solid $brand-02;
     }
@@ -148,6 +148,10 @@
     height: 12px;
     margin-left: rem(7px);
     margin-right: rem(2px);
+
+    @media all and (min--moz-device-pixel-ratio:0) and (min-resolution: 3e1dpcm) {
+        margin-top: 2px;
+      }
   }
 
   .bx--table-expand[data-previous-value='collapsed'] .bx--table-expand__svg {
@@ -182,6 +186,10 @@
     .bx--checkbox-label {
       display: inline-flex;
       margin: 0;
+
+      @media all and (min--moz-device-pixel-ratio:0) and (min-resolution: 3e1dpcm) {
+        margin-top: 2px;
+      }
     }
 
     .bx--checkbox-appearance {