[DevTools] Beautified device counter icon.

BUG=

Review URL: https://codereview.chromium.org/303783002

git-svn-id: svn://svn.chromium.org/blink/trunk@175106 bbb929c8-8fbe-4397-9dbb-9b2b20218538

third_party/WebKit/Source/devtools/front_end/components/InspectorView.js

@@ -63,6 +63,7 @@ WebInspector.InspectorView = function()
     if (WebInspector.experimentsSettings.devicesPanel.isEnabled()) {
         this._remoteDeviceCountElement = this._rightToolbarElement.createChild("div", "hidden");
         this._remoteDeviceCountElement.addEventListener("click", this.showViewInDrawer.bind(this, "devices"), false);
+        this._remoteDeviceCountElement.id = "remote-device-count";
         WebInspector.inspectorFrontendEventSink.addEventListener(WebInspector.InspectorView.Events.DeviceCountChanged, this._onDeviceCountChanged, this);
     }
 
@@ -465,7 +466,10 @@ WebInspector.InspectorView.prototype = {
      */
     _onDeviceCountChanged: function(event)
     {
-        var count = /** @type {number} */(event.data);
+        var count = /** @type {number} */ (event.data);
+        if (count === this.deviceCount_)
+            return;
+        this.deviceCount_ = count;
         this._remoteDeviceCountElement.classList.toggle("hidden", !count);
         this._remoteDeviceCountElement.removeChildren();
         this._createImagedCounterElementIfNeeded(this._remoteDeviceCountElement, count, "device-count", "device-icon-small");