From b1b8d2597472c90f7f576ea55c81ef7192922485 Mon Sep 17 00:00:00 2001
From: Bryan Housel <bryan@mapbox.com>
Date: Sat, 6 Feb 2016 15:00:47 -0500
Subject: [PATCH] Better fit for 60px preset icons inside area frame (e.g.
 pedestrian street mapped as area)

---
 css/app.css             | 12 ++++++++++++
 js/id/ui/preset_icon.js |  2 +-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/css/app.css b/css/app.css
index 0e02a6c12..a83bb2847 100644
--- a/css/app.css
+++ b/css/app.css
@@ -848,6 +848,18 @@ button.save.has-count .count::before {
     height: 60px;
 }
 
+.preset-icon-44 {
+    position: absolute;
+    top: 9px;
+    left: 8px;
+    margin: auto;
+}
+
+.preset-icon-44 .icon {
+    width: 44px;
+    height: 44px;
+}
+
 .preset-icon-32 {
     position: absolute;
     top: 14px;
diff --git a/js/id/ui/preset_icon.js b/js/id/ui/preset_icon.js
index 8b1ee1a26..584657069 100644
--- a/js/id/ui/preset_icon.js
+++ b/js/id/ui/preset_icon.js
@@ -55,7 +55,7 @@ iD.ui.PresetIcon = function() {
             .call(iD.svg.Icon(''));
 
         $icon
-            .attr('class', 'preset-icon preset-icon-' + (maki ? '32' : '60'));
+            .attr('class', 'preset-icon preset-icon-' + (maki ? '32' : (geom === 'area' ? '44' : '60')));
 
         $icon.selectAll('svg')
             .attr('class', function() {