Inline labels do not work properly


Consider the following inline labels with right alignment:

  <div class="list padding">
    <label class="item item-input">
      <span class="input-label">Name</span>
      <input class="text-right" type="text" ng-model="name">

When the screen is narrow (320px), the text in the input is outside of the screen:

CodePen here

How could I fix this?


Hmm you can open an issue for this, but I’m not sure what devices these days have a screen smaller that 320px.