Align ion-item to extreme left of the page

ionic-v1
1

Hi,

I am new to Ionic2. I have created a new screen where I am using ion-select to show drop down of classes.

Everything is working fine but the alignment is not clean. I wanted the component to be aligned either to the extreme left or right. I tried all the possible ways, but not able to successful with the alignment.

Here is my code and results.

<ion-select class=“item-select select” placeholder=“Period” type=“text” [(ngModel)]=“Period”>

Scss:
.item-select select
{
right: auto;
padding: 13px 45px 15px 0px;
direction: ltr;
}