title: How to remove the padding on a dropdown-menu
body: <p>I am looking for a way to remove a padding on "dropdown-menu" <code>&lt;ul&gt;</code> tag when the list is empty, so nothing shows instead of narrow space corresponding to the padding. 
  I don't want to do <code>.dropdown{padding: 0}</code>, because it will remove the necessary padding when it's not empty. But <code>.dropdown:empty{padding:0}</code> doesn't work since the content is not empty, only filtered by an *ngIf (I guess, though I know that Angular removes the element from the DOM).</p>
  
  <pre><code>&lt;ul role="menu" class="dropdown-menu"&gt;
      &lt;li *ngFor="let option of options"&gt;
        &lt;span *ngIf="option.condition;then template1 else template2"&gt;
        &lt;/span&gt;
        &lt;ng-template #template1&gt;some content&lt;/ng-template&gt;
        &lt;ng-template #template2&gt;some content&lt;/ng-template&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>