Fix border on focus in dashboard repo search

[silverwind]

Before:

After:

[silverwind]

Apparently the order icon after input is the one fomantic documents and the changes makes the icon no longer highlight correctly on focus. Looking for other solutions...

[silverwind]

Fixed and removed a useless transition on the icon as well.

[wxiaoguang]

I do not think it needs to be that complex.

It could be simple fixed by moving the "icon" ahead the "input", without adding more CSS styles.

[silverwind]

It could be simple fixed by moving the "icon" ahead the "input", without adding more CSS styles.

That's what I had initially but that breaks the focus style of the icon because Fomantic only supports input before icon:

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

Second selector no longer works after swapping the item first and the problem is visible in the screenshot as well where the icon is not fully opaque.