title: ionic input text right align, shifting label to left
body: <p>ionic input text right align, shifting label to left</p>
  
  <p>I have added a class to these 2 inputs to align the input text to the right</p>
  
  <p>one label shifts to the left one focused on and adds padding to the right of the input</p>
  
  <p>this doesn't happen to the second</p>
  
  <p>help</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.currency {
    text-align: right;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ion-view hide-back-button="true" view-title="{{vm.title}}"&gt;
      &lt;ion-nav-buttons side="left"&gt;
          &lt;button class="button button-icon button-clear ion-ios-close-empty" ng-click="vm.cancelDeposit()"&gt;&lt;/button&gt;
      &lt;/ion-nav-buttons&gt;
      &lt;ion-content&gt;
          &lt;form name="captureCheckForm" ng-submit="vm.submitCheck(captureCheckForm)"&gt;
              &lt;!-- ERRORS --&gt;
              &lt;div ng-show="captureCheckForm.account.$invalid &amp;&amp; captureCheckFrom.$submited"&gt;
                  &lt;div class="instruction-toast"&gt;Select Your Account&lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div ng-show="captureCheckForm.depositAmount.$invalid &amp;&amp; captureCheckFrom.$submited"&gt;
                  &lt;div class="instruction-toast"&gt;Enter Deposit Amount&lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div ng-show="captureCheckForm.checkAmount.$invalid &amp;&amp; captureCheckFrom.$submited"&gt;
                  &lt;div class="instruction-toast"&gt;Enter Check Amount&lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div ng-show="vm.checkFrontImage === undefined &amp;&amp; captureCheckFrom.$submited"&gt;
                  &lt;div class="instruction-toast"&gt;Capture Check Front&lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div ng-show="vm.checkBackImage === undefined &amp;&amp; captureCheckFrom.$submited"&gt;
                  &lt;div class="instruction-toast"&gt;Capture Check Back&lt;/div&gt;
              &lt;/div&gt;
  
              &lt;!-- End ERRORS --&gt;
  
              &lt;div class="list"&gt;
                  &lt;!-- Account Select --&gt;
                  &lt;label class="item item-input item-select"&gt;
                      &lt;div class="input-label"&gt;
                          Select Account
                      &lt;/div&gt;
                      &lt;select name="account" required ng-model="vm.selectedAccount" ng-change="vm.accountChange()"&gt;
                          &lt;option ng-repeat="account in vm.accounts"&gt;{{account.accountNumber}}&lt;/option&gt;
                      &lt;/select&gt;
                  &lt;/label&gt;
  
                  &lt;!-- Deposit Amount --&gt;
                  &lt;label class="item item-input"&gt;
                      &lt;span class="input-label"&gt;Deposit Amount:&lt;/span&gt;
                      &lt;input ng-currency class="currency" type="text" ng-required="true" name="depositAmount" ng-model="vm.amount" ng-change="vm.depositAmountChange()"&gt;
                  &lt;/label&gt;
  
                  &lt;!-- Check Amount --&gt;
                  &lt;label class="item item-input"&gt;
                      &lt;span class="input-label"&gt;Check Amount:&lt;/span&gt;
                      &lt;input ng-currency class="currency" type="text" ng-required="true" name="checkAmount" ng-model="vm.checkAmount" ng-change="vm.checkAmountChange()"&gt;
                  &lt;/label&gt;
  
                  &lt;!-- Scan Check Front Button --&gt;
                  &lt;div class="card" ng-click="vm.miSnapCheckFront()"&gt;
                      &lt;div class="item item-text-wrap"&gt;
                          &lt;div class="item item-icon-right"&gt;
                              &lt;h2 ng-hide="vm.checkFrontImage !== '' &amp;&amp; vm.checkFrontImage !== undefined"&gt;Capture Check Front&lt;/h2&gt;
                              &lt;h2 ng-show="vm.checkFrontImage !== '' &amp;&amp; vm.checkFrontImage !== undefined"&gt;Rake Check Front&lt;/h2&gt;
                              &lt;img class="capture-check-thumbnail" ng-show="vm.checkFrontImage !== '' &amp;&amp; vm.checkFrontImage !== undefined" ng-src="{{vm.checkFrontImage}}"&gt;&lt;!-- data:image/png;base64, --&gt;
                              &lt;i class="icon ion-camera" ng-hide="vm.checkFrontImage !== '' &amp;&amp; vm.checkFrontImage !== undefined"&gt;&lt;/i&gt;
                              &lt;i class="icon ion-arrow-return-left" ng-show="vm.checkFrontImage !== '' &amp;&amp; vm.checkFrontImage !== undefined"&gt;&lt;/i&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;!-- Scan Check Back Button --&gt;
                  &lt;div class="card" ng-click="vm.miSnapCheckBack()"&gt;
                      &lt;div class="item item-text-wrap"&gt;
                          &lt;div class="item item-icon-right"&gt;
                              &lt;h2 ng-hide="vm.checkBackImage !== '' &amp;&amp; vm.checkBackImage !== undefined"&gt;Capture Check Back&lt;/h2&gt;
                              &lt;h2 ng-show="vm.checkBackImage !== '' &amp;&amp; vm.checkBackImage !== undefined"&gt;Rake Check Back&lt;/h2&gt;
                              &lt;img class="capture-check-thumbnail" ng-show="vm.checkBackImage !== '' &amp;&amp; vm.checkBackImage !== undefined" ng-src="{{vm.checkBackImage}}"&gt;
                              &lt;i class="icon ion-camera" ng-hide="vm.checkBackImage !== '' &amp;&amp; vm.checkBackImage !== undefined"&gt;&lt;/i&gt;
                              &lt;i class="icon ion-arrow-return-left" ng-show="vm.checkBackImage !== '' &amp;&amp; vm.checkBackImage !== undefined"&gt;&lt;/i&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;!-- Submit Check Button --&gt;
                  &lt;button type="submit" ng-disabled="captureCheckForm.$invalid || vm.checkFrontImage === undefined || vm.checkBackImage === undefined" class="button button-full button-positive"&gt;
                      Submit Check
                  &lt;/button&gt;
              &lt;/div&gt;
          &lt;/form&gt;
      &lt;/ion-content&gt;
  &lt;/ion-view&gt;</code></pre>
  </div>
  </div>
  </p>