CSS twweaks on select tg pane

This commit is contained in:
Chrystian Huot 2019-06-27 08:14:24 -04:00
parent 16c79670d2
commit e2288c6fdc
2 changed files with 8 additions and 7 deletions

View file

@ -3,7 +3,6 @@
<button (click)="close()" mat-icon-button> <button (click)="close()" mat-icon-button>
<mat-icon>arrow_back</mat-icon> <mat-icon>arrow_back</mat-icon>
</button> </button>
<div class="radio-button-spacer"></div>
<button class="radio-button-mini all-off" (click)="avoid(null, null, true)"> <button class="radio-button-mini all-off" (click)="avoid(null, null, true)">
OFF OFF
</button> </button>
@ -21,7 +20,6 @@
{{ talkgroup.alphaTag }} {{ talkgroup.alphaTag }}
</button> </button>
<ng-container *ngIf="system.talkgroups.length > 1"> <ng-container *ngIf="system.talkgroups.length > 1">
<div class="radio-button-spacer"></div>
<button class="radio-button-mini all-off" (click)="avoid(system, null, true)"> <button class="radio-button-mini all-off" (click)="avoid(system, null, true)">
OFF OFF
</button> </button>

View file

@ -7,18 +7,21 @@
.radio-body { .radio-body {
min-width: 100%; min-width: 100%;
padding: 12px; padding: 12px;
>div:first-child {
padding-right: 14.5px;
}
} }
.radio-button-group { .radio-button-group {
justify-content: flex-start; justify-content: flex-start;
*:nth-last-child(2) {
margin-left: auto;
}
} }
.radio-button-mini { .radio-button-mini {
&:not(:last-child) {
margin-left: auto;
}
&.all-off { &.all-off {
background: rgb(100, 50, 50); background: rgb(100, 50, 50);
} }