COde page Format

I am having trouble getting my code page to format correctly. It used to be correct and now it has moved the signature portion. Below is the code for that section and attached is an image of what its supposed to look like (ppd redacted) and what i currently looks like (current redacted)

code

     TB (PPD) administered: <span ng-show="$ctrl.ppdArm === 'left'">X</span> left arm   <span ng-show="$ctrl.ppdArm === 'right'">X</span> right arm       Date: {{$ctrl.ppdDate}} Time: {{$ctrl.ppdTime}}
        </div>
        <div class="col-3">Administered By: {{$ctrl.administeredBy}}</div>
        <div class="col-4 bottom-b"></div>
        <div class="col-1"></div>
        <div class="col-4 bottom-b"></div>
        <div class="col-3"></div>
        <div class="col-4 center">PRINT NAME</div>
        <div class="col-1 center">/</div>
        <div class="col-4">SIGNATURE</div>
      </div>

------------------------------
Rebecca Knecht, MS, ACSM-CEP
------------------------------