<section class="settings-section">
  <div class="settings-card mdl-card mdl-shadow--2dp">
  <div class="mdl-card__title mdl-card--expand">
    <h2 class="mdl-card__title-text">Settings</h2>
  </div>
  <div class="mdl-card__supporting-text">
    <p>Change your settings</p>
    <ul class="st--list-unstyled user-settings">

      {{user-setting setting=userName class="settings-item"}}

      {{user-setting setting=currency class="settings-item"}}

    </ul>

  </div>
  <div class="mdl-card__actions mdl-card--border text-right">
    {{#link-to 'home' class="mdl-button mdl-button--colored mdl-js-button" id="close-settings-btn"}}
      close
    {{/link-to}}
  </div>
</div>
</section>

<section class="settings-section">
  <div class="settings-card mdl-card mdl-shadow--2dp">
  <div class="mdl-card__title mdl-card--expand">
    <h2 class="mdl-card__title-text">Settings</h2>
  </div>
  <div class="mdl-card__supporting-text">
    <p>Change your settings</p>
    <ul class="st--list-unstyled user-settings">

      {{user-setting setting=userName class="settings-item" action="updateSetting"}}

      {{user-setting setting=currency class="settings-item" action="updateSetting"}}

    </ul>

  </div>
  <div class="mdl-card__actions mdl-card--border text-right">
    {{#link-to 'home' class="mdl-button mdl-button--colored mdl-js-button" id="close-settings-btn"}}
      close
    {{/link-to}}
  </div>
</div>
</section>

Add action markup in settins page for user-setting component
refactor: Add action markup in settins page for user-setting component

