ionic - input box width
<p>I am having a problem with the input boxes in my login.html. I am not able to increase the width of the input boxes. If I am increasing the width to 100%, the height is increasing with it. </p>

<p>Here is an image showing the width.</p>

<p><img src="https://i.stack.imgur.com/o7nf0.png" alt=""></p>

<p>I want the width to be almost double of it. 
Here is a link to my html and css:
<a href="https://jsfiddle.net/ybkjv8uw/" rel="nofollow noreferrer">https://jsfiddle.net/ybkjv8uw/</a></p>

<pre><code>item.item-input {
    border: none;
    position: relative;

    left: 0px;
    top: 135px;
    background-color: transparent;
}
</code></pre>