1 files changed, 5 insertions, 2 deletions
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/music-app-settings.js b/packages/meshbay-hub/src/meshbay_hub/static/music-app-settings.js
index 01174b1..a3b02d9 100644
--- a/packages/meshbay-hub/src/meshbay_hub/static/music-app-settings.js
+++ b/packages/meshbay-hub/src/meshbay_hub/static/music-app-settings.js
@@ -38,11 +38,14 @@ function MusicSettings({ roots, dirs, settings, saveDirectories, transport, sign
         value=${directories} disabled=${busy}
         onChange=${setDirectories} />
 
-      <button class="btn btn-small btn-secondary" style="margin-top:4px"
-        disabled=${busy || !dirsDirty}
+      <div class="app-save-row">
+      <button class="app-save" disabled=${busy || !dirsDirty}
         onClick=${() => run(() => saveDirectories(directories))}>
         ${busy ? t('settings_app.saving') : t('settings_app.save')}
       </button>
+      ${!busy && !dirsDirty && html`
+        <span class="app-save-why">${t('settings_app.no_changes')}</span>`}
+      </div>
 
       <h4 class="app-settings-sub">${t('settings_node.musicbrainz_title')}</h4>
       <p class="settings-hint">${t('settings_node.musicbrainz_hint')}</p>