More styling

This commit is contained in:
Zakary Timson 2018-11-04 18:29:50 -05:00
parent 0c7ecb961c
commit 8127b3da13

View File

@ -23,7 +23,7 @@
<button *ngIf="mobile" mat-raised-button (click)="drawer.open()"> <button *ngIf="mobile" mat-raised-button (click)="drawer.open()">
<mat-icon>opacity</mat-icon> Formulas <mat-icon>opacity</mat-icon> Formulas
</button> </button>
<button *ngIf="store.user" mat-raised-button class="ml-3" (click)="newFormula()"> <button *ngIf="store.user" mat-raised-button class="float-md-right mx-3" (click)="newFormula()">
<mat-icon>add</mat-icon> Create <mat-icon>add</mat-icon> Create
</button> </button>
</div> </div>
@ -32,13 +32,12 @@
</div> </div>
<mat-card *ngIf="!electron.isElectronApp && !mobile && !formula" class="mx-auto" style="max-width: 600px"> <mat-card *ngIf="!electron.isElectronApp && !mobile && !formula" class="mx-auto" style="max-width: 600px">
<mat-card-header> <mat-card-header>
<div class="d-flex align-items-center" style="color: #53709f"> <mat-card-title>
<mat-icon style="transform: scale(2.5)">opacity</mat-icon> <h1 class="display-4" style="color: #53709f">Formula Manager</h1>
<h1 class="ml-3 display-4">Formula Manager</h1> </mat-card-title>
</div>
</mat-card-header> </mat-card-header>
<mat-card-content> <mat-card-content>
<p class="lead text-white-50">Tired of using your browser? Download the standalone version of the Formula Manager.</p> <p class="ml-3 lead text-white-50">Tired of using your browser? Download the standalone version of the Formula Manager.</p>
<button mat-button class="button-fix"><i class="fab fa-windows mr-1 mb-1"></i> Windows</button> <button mat-button class="button-fix"><i class="fab fa-windows mr-1 mb-1"></i> Windows</button>
<button mat-button class="button-fix"><i class="fab fa-apple mr-1 mb-1"></i> MacOS</button> <button mat-button class="button-fix"><i class="fab fa-apple mr-1 mb-1"></i> MacOS</button>
<button mat-button class="button-fix"><i class="fab fa-linux mr-1 mb-1"></i> Linux</button> <button mat-button class="button-fix"><i class="fab fa-linux mr-1 mb-1"></i> Linux</button>