title: Customize or remove space between ion row
body: <p>I am learning Ionic app. I got introduced to Grid thing, however, I am stuck at removing/modifying spaces between rows ( row number 2 and 3) as shown in the following screenshot:</p>
  
  <p><a href="https://i.stack.imgur.com/gj7nD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gj7nD.png" alt="Screenshot"></a></p>
  
  <p>I have following code in my HTML:</p>
  
  <pre><code>&lt;ion-content padding&gt;
      &lt;ion-row&gt;     
        &lt;ion-label&gt; I am good I do not want any space.&lt;/ion-label&gt;
      &lt;/ion-row&gt;
    &lt;ion-row&gt;
      &lt;div &gt;
        &lt;div class="inner"&gt;
          &lt;ion-label *ngIf="!inverse"  no-margin&gt;1 USD = 67 INR&lt;/ion-label&gt;
          &lt;ion-label *ngIf="inverse" no-margin&gt;1 INR = {{(1/67) | number }} USD &lt;/ion-label&gt;
        &lt;/div&gt;
        &lt;button (click)="inverse=!inverse" ion-button clear class="iconWidth" color="dark"&gt;  &lt;ion-icon name="swap" class="rotate"&gt;&lt;/ion-icon&gt;&lt;/button&gt;
      &lt;/div&gt;
    &lt;/ion-row&gt;
  &lt;ion-row&gt;
    &lt;p&gt;Can you help me to get rid of space between this row and above&lt;/p&gt;
    &lt;ion-label&gt; Thanks&lt;/ion-label&gt;
  &lt;/ion-row&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>SCSS:</p>
  
  <pre><code>page-home {
  
    .rotate {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      margin-bottom: 15px;
      }
  
    .inner{
      display: inline-block;
      width:70%;
  
      }
    .iconWidth{
      width:20%;
      }
  
  }
  </code></pre>
  
  <p>How can I customize the gap between row 2 and row 3?</p>