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

My template node's code is the following:


    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;

    background-color: red !important; 
    color: white !important;

    color: #DFFF00 !important;


<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}});">
    <span ng-if="msg.payload !== 'true'">Alarm: Kein Alarm</span>


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?