title: How to apply styles to Ionic ion-picker
body: <p>I'm building an ionic app and i would like to apply some styles to an ion-picker element.
  To help me illustrate what i want here is a picture of what i currently have (sorry but the content of the image is in Portuguese).</p>
  <p><a href="https://i.stack.imgur.com/PHmQZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PHmQZ.png" alt="My ion-picker" /></a></p>
  <p>First of all i need to adjust the option display so i can show the whole option text (probably showing in two lines if it is possible, or reducing the font size).</p>
  <p>Second, i would like to have something separating the two columns.</p>
  <p>This is my code to show the picker</p>
  <pre><code>async showFilters() {
      const columns = {
        activities: this.activities.map(obj =&gt; {
          return {text: obj.name, value: obj.id};
        }),
        districts: this.districts.map(obj =&gt; {
          return {text: obj.name, value: obj.name};
        })
      };
      columns.activities.unshift({text: 'Atividades', value: undefined});
      columns.districts.unshift({text: 'Distritos', value: undefined});
      const picker = await this.pickerController.create({
        columns: [
          {
            name: 'activity',
            options: columns.activities,
          },
          {
            name: 'district',
            options: columns.districts,
          },
        ],
        buttons: [
          {
            text: 'Cancelar',
            role: 'cancel'
          },
          {
            text: 'Confirmar',
            handler: (value) =&gt; {
              console.log(value);
            }
          }
        ],
        cssClass: 'picker',
      });
      return await picker.present();
    }
  </code></pre>
  <p>And this is the scss that i was testing to separate the two columns</p>
  <pre><code>.picker&gt;ion-picker-column {
    margin-left: 1px solid #eeeeee;
  }
  </code></pre>
  <p>Is there anyway i can do what i want? Thanks in advance.</p>