d0zingcat/gocryptotrader
1
0
Fork 0
mirror of https://github.com/d0zingcat/gocryptotrader.git synced 2026-05-14 07:26:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Sweet icons and cool spacing

Browse Source
This commit is contained in:
GloriousCode
2017-10-17 16:56:56 +11:00
parent df805b8ea0
commit be8776bb1b
2 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web/src/app/pages/settings/settings.component.html
View File

@@ -5,7 +5,6 @@
<button (click)="saveSettings()" mat-fab color="accent" class="mat-fab mat-fab-bottom-right"><mat-icon >save</mat-icon></button>
<mat-accordion>
<mat-expansion-panel *ngIf="settings.SMSGlobal != null">
<mat-expansion-panel-header>
@@ -14,6 +13,7 @@
</mat-panel-title>
<mat-panel-description>
SMS configuration and contact management
<mat-icon>phone_iphone</mat-icon>
</mat-panel-description>
</mat-expansion-panel-header>
<form class="form-content">
@@ -47,6 +47,7 @@
</mat-panel-title>
<mat-panel-description>
Exchange Settings
<mat-icon>trending_up</mat-icon>
</mat-panel-description>
</mat-expansion-panel-header>
<form class="form-content">

15
web/src/styles.scss
View File

@@ -28,10 +28,21 @@ body {
margin: 0px auto !important;
}
.mat-expansion-panel-header-description {
flex-grow: 0 !important;
.mat-expansion-panel-header-title,
.mat-expansion-panel-header-description {
flex-basis: 0;
}
.mat-expansion-panel-header-description {
justify-content: space-between;
align-items: center;
}
.mat-expansion-panel-spacing {
margin: 16px auto !important;
}
.mat-drawer {
background: none !important;
}