title: border-radius not working in ion-cards
body: <p>I want to add a blank space of color #F1F1F1 before the first card.
  And also want to add the border-radius on the ion cards.
  The image is as below.
  <a href="https://i.stack.imgur.com/3VkMp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3VkMp.png" alt="enter image description here"></a></p>
  
  <p>In the image the curves in the left and the right side is of ion cards and above that is the space between the header and the card.</p>
  
  <p>By adding <code>section</code> in the below code adds the space but the cards border-radius is not dislayed well.
  How can I achieve this?</p>
  
  <p><strong>.html</strong></p>
  
  <pre><code>&lt;ion-header&gt;
  &lt;ion-toolbar&gt;
  Ionic Cards
  &lt;/ion-toolbar&gt;
  &lt;/ion-header&gt;
  
  &lt;ion-content&gt;
  
  &lt;section class="blankspace"&gt;&lt;/section&gt;
  
  &lt;ion-card class="card"&gt;
     //card content
  &lt;/ion-card&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p><strong>.css</strong></p>
  
  <pre><code>.blankspace {
  border-bottom: 5px solid #F1f1f1;
  }
  
  .card {
  
  border-radius: 5px;
  }
  </code></pre>