Always show save count 0.. makes responsivness easier

(closes #5576)

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;
 }

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')