From 5c9f9ac0123e08f93b633e07ec61afe3813e21e0 Mon Sep 17 00:00:00 2001
From: Bryan Housel <bryan@mapbox.com>
Date: Sun, 9 Dec 2018 23:31:52 -0500
Subject: [PATCH] Always show save count 0.. makes responsivness easier (closes
 #5576)

---
 css/80_app.css     | 22 +++++++++-------------
 modules/ui/save.js |  1 -
 2 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/css/80_app.css b/css/80_app.css
index ada187611..34f66384b 100644
--- a/css/80_app.css
+++ b/css/80_app.css
@@ -462,7 +462,6 @@ button[disabled].action:hover {
 }
 
 button.save .count {
-    visibility: hidden;
     display: inline-block;
     border: 0px solid #ccc;
     border-left-width: 1px;
@@ -475,24 +474,21 @@ button.save .count {
     border-right-width: 1px;
     padding: 0px 8px 0px 0px;
 }
-button.save.has-count .count {
-    visibility: visible;
+button.save.disabled .count {
+    border: 0px solid rgba(0,0,0,0.25);
+    border-left-width: 1px;
+}
+[dir='rtl'] button.save.disabled .count {
+    border-left-width: 0px;
+    border-right-width: 1px;
+    padding: 0px 8px 0px 0px;
 }
 
-/* if no count, shift label over where the count would be, preserving width */
 button.save .label {
-    margin-right: -12px;
-    margin-left: 15px;
-}
-[dir='rtl'] button.save .label {
-    margin-left: -12px;
-    margin-right: 15px;
-}
-button.save.has-count .label {
     margin-right: 3px;
     margin-left: 0;
 }
-[dir='rtl'] button.save.has-count .label {
+[dir='rtl'] button.save .label {
     margin-left: 3px;
     margin-right: 0;
 }
diff --git a/modules/ui/save.js b/modules/ui/save.js
index 686f548c6..632d0ef48 100644
--- a/modules/ui/save.js
+++ b/modules/ui/save.js
@@ -59,7 +59,6 @@ export function uiSave(context) {
 
             button
                 .classed('disabled', numChanges === 0)
-                .classed('has-count', numChanges > 0)
                 .style('background', background);
 
             button.select('span.count')