Input: animation on focus doesn't work now

[ghost]

✔ BUG

Steps

<Form.Input
  type="password"
  name="password"
  icon="lock"
  iconPosition="left"
  label="Password"
/>

Expected Result

<div class="field">
  <label>Password</label>
  <div class="ui left icon input">
    <input type="password" name="password" placeholder="Mot-de-passe" autocomplete="off">
    <i class="lock icon"></i>
  </div>
</div>

Actual Result

<div class="field">
  <label>Password</label>
  <div class="ui left icon input">
    <i class="lock icon"></i>
    <input type="password" name="password" placeholder="Mot-de-passe" autocomplete="off">
  </div>
</div>

I loose Semantic-UI nice animation on focus because this Semantic css:

.ui.icon.input > input:focus ~ i.icon {
    opacity: 1;
}

which doesn't work if icon is above and not below.

Version

0.76.0

Testcase

http://jsfiddle.net/o48pt0yf/

[layershifter]

@johnunclesam Thanks for report, I've made PR, #2302.