How to change CSS of ng-view when triggering CSS in ng-include
<p>I have included my left-hand, vertical navbar into the page using <code>ng-include</code>.
My navbar expands right on hover. Each page is wrapped in <code>&lt;div class="wrapper"&gt;</code>. </p>

<p>I am trying to change the margin of each wrapper as the navbar pushes right on hover so that when a user hovers over the navbar, it doesn't overflow into the page text. However, my CSS does not work with angular because the header is in <code>ng-include</code> and the pages are in <code>ng-view</code>.</p>

<p>How can I get this to work?</p>

<p>Here's my <strong>css</strong>:</p>

<pre><code>.wrapper {
    margin-left: 12em;
}

nav:hover .wrapper {
    margin-left: 25em;
    transition: all 0.5s;
}
</code></pre>

<p>Here is a plunker of the problem: <a href="http://embed.plnkr.co/R1G1AFTMQjEhdaqB66U3/" rel="nofollow">http://embed.plnkr.co/R1G1AFTMQjEhdaqB66U3/</a>
As you can see, the TEST text does not move.</p>