Cleans up the layout & lookup of our "tables". (#111)

infinitered · Aug 13, 2016 · c299ff8 · c299ff8
1 parent 055626b
commit c299ff8
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/packages/reactotron-app/App/Shared/MakeTable.js b/packages/reactotron-app/App/Shared/MakeTable.js
@@ -1,24 +1,28 @@
 import React from 'react'
 import Colors from '../Theme/Colors'
-import { map, toPairs, identity, isNil, T, equals, cond, always } from 'ramda'
+import { map, toPairs, identity, isNil, T, cond, always } from 'ramda'
 
 const Styles = {
   row: {
     display: 'flex',
     flexDirection: 'row',
     justifyContent: 'space-between',
-    WebkitUserSelect: 'all'
+    WebkitUserSelect: 'all',
+    borderBottom: `1px solid ${Colors.subtleLine}`,
+    padding: '2px 0'
   },
   key: {
     width: '25%',
+    minWidth: 150,
     paddingRight: 10,
     wordBreak: 'break-all',
-    textAlign: 'right',
+    textAlign: 'left',
     color: Colors.text
   },
   value: {
     flex: 1,
-    wordBreak: 'break-all'
+    wordBreak: 'break-all',
+    color: Colors.text
   }
 }