Template and don't wrap in container

Don’t wrap in container is activated.

following code generates widget below. Shouldn’t the hole area become blue ?
If i set “height: 7.4em” instead of “height: 100%” i can manage it.

<div ng-if="itemValue('HeizungModus') == 1">
   <button style="width: 100%; height: 100%;
      border: 0; color: white; background: #2E64FE;
      font-size: 14px"
      ng-click="sendCmd('HeizungModus', 0)">
      <span><widget-icon iconset="'eclipse-smarthome-classic'" icon="'temperature'" /></span>

html vertical positioning is the worst.
remove height: 100%;
and add:
position: absolute; top: 0; bottom: 0

Thank’s this works.

Another thing i want to mention:
Using the “Drop-Down” template, it is important to know that these widgets have to be placed last on the page.
Otherwise it will look like this:

The dropdown requires some tweaking in css as well.
position: fix and calculated top and left values would do.
Or you can play around with z-index of this element, but I don’t think it will change anything. You can try!

I believe dropdown-append-to-body="true" on the element with uib-dropdown does the trick. There might be side effects.