<navbar-component></navbar-component>

<h2>Administrator Tasks</h2>

<button type="button" class="btn btn-primary btn-lg" [routerLink]="['/admin/exportData']"  >
    <span class="glyphicon glyphicon-download" aria-hidden="true"></span>
    Export Collected Data
</button>

<button type="button" class="btn btn-primary btn-lg" [routerLink]="['/admin/importData']">
    <span class="glyphicon glyphicon-upload" aria-hidden="true"></span>
    Import Spreadsheet
</button>

<a [attr.href]="this.url + '/qrcodes'">
    <button type="button" class="btn btn-primary btn-lg">
        <span class="glyphicon glyphicon-download" aria-hidden="true"></span>
        Download QR Codes
    </button>
</a>

<!--<navbar-component></navbar-component>-->
<div class="menu">
    <h2>Administrator Tasks</h2>

    <button type="button" class="btn btn-primary btn-lg" [routerLink]="['/admin/exportData']"  >
        <span class="glyphicon glyphicon-download" aria-hidden="true"></span>
        Export Collected Data
    </button>

    <button type="button" class="btn btn-primary btn-lg" [routerLink]="['/admin/importData']">
        <span class="glyphicon glyphicon-upload" aria-hidden="true"></span>
        Import Spreadsheet
    </button>

    <a [attr.href]="this.url + '/qrcodes'">
        <button type="button" class="btn btn-primary btn-lg">
            <span class="glyphicon glyphicon-download" aria-hidden="true"></span>
            Download QR Codes
        </button>
    </a>
</div>

<style>
    .menu {
        margin-top: -55%;
    }
</style>

Fix the top margin on the admin page
Fix the top margin on the admin page
