From 22fd80be05bebc7abfaf8502aa06e95899b80dc1 Mon Sep 17 00:00:00 2001
From: Tom MacWright <tom@macwright.org>
Date: Tue, 27 Nov 2012 17:56:48 -0500
Subject: [PATCH] Scroll overflowing tags. Fixes #116

---
 css/app.css           | 5 +++++
 js/id/ui/inspector.js | 1 +
 2 files changed, 6 insertions(+)

diff --git a/css/app.css b/css/app.css
index db694813f..72e9b0bbc 100644
--- a/css/app.css
+++ b/css/app.css
@@ -220,6 +220,11 @@ button small {
     width:350px;
     border-spacing:0;
 }
+.inspector-wrap .tag-table-wrap {
+    max-height:350px;
+    overflow-y:scroll;
+    overflow-x:hidden;
+}
 .inspector-wrap table th {
     text-align:left;
 }
diff --git a/js/id/ui/inspector.js b/js/id/ui/inspector.js
index 47df3193f..1105e6730 100644
--- a/js/id/ui/inspector.js
+++ b/js/id/ui/inspector.js
@@ -50,6 +50,7 @@ iD.Inspector = function() {
                 .attr('class', 'head').call(drawhead);
 
             var table = selection
+                .append('div').attr('class', 'tag-table-wrap')
                 .append('table').attr('class', 'inspector');
 
             table.append('thead').append('tr').selectAll('th')