How to remove the gap between template node and other nodes?

My template node's code is the following:

<style>

.container
{
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
}

.button
{
    background-color: red !important; 
    color: white !important;
}

.error_code
{
    color: #DFFF00 !important;
}

</style>

<div class="container">
    <span ng-if="msg.payload === 'true'">Alarm: Error-Code: {{ msg.error_code }}</span>
    <md-button ng-if="msg.payload === 'true'" class="button" ng-click="send({payload: {cmd: 'stop', error_msg: msg.error_msg, error_code: msg.error_code}});">
        CONFIRM
    </md-button>
    <span ng-if="msg.payload !== 'true'">Alarm: Kein Alarm</span>
</div>

grafik

I thought i just have to set margin and padding to zero, but that did not remove the gap between the template node "Alarm: Kein Alarm" and the under laying node "Position" (which is a regular text-node).

Can anybody help me?

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.