diff --git a/src/app/drivers/drivers.page.html b/src/app/drivers/drivers.page.html
index 6e1912cb..52aab46f 100644
--- a/src/app/drivers/drivers.page.html
+++ b/src/app/drivers/drivers.page.html
@@ -11,7 +11,7 @@
-
+
{{id + 1}}
@@ -26,8 +26,8 @@
>
- {{driver.code || '#' + (id + 1)}}
-
+ {{driver.code || '#' + (id + 1)}}
+
diff --git a/src/app/drivers/drivers.page.ts b/src/app/drivers/drivers.page.ts
index 390bcce1..faf77d09 100644
--- a/src/app/drivers/drivers.page.ts
+++ b/src/app/drivers/drivers.page.ts
@@ -6,8 +6,10 @@ import { take } from 'rxjs/operators';
import { TranslateService } from '@ngx-translate/core';
+import { Observable } from 'rxjs';
+
import { AppSettings, Driver } from '../app-settings';
-import { LoggingService, SpeechService } from '../services';
+import { AppService, LoggingService, SpeechService } from '../services';
import { ColorComponent } from './color.component';
@Component({
@@ -17,15 +19,19 @@ export class DriversPage implements OnDestroy, OnInit {
drivers: Driver[];
+ orientation: Observable;
+
readonly placeholder = 'Driver {{number}}';
constructor(
+ private app: AppService,
private logger: LoggingService,
private settings: AppSettings,
private mc: ModalController,
private speech: SpeechService,
private translate: TranslateService)
{
+ this.orientation = app.orientation;
}
ngOnInit() {
diff --git a/src/global.scss b/src/global.scss
index 345cdfe0..3078b5f8 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -63,6 +63,19 @@ ion-input.right-align {
}
}
+/* drivers menu items */
+ion-item.driver {
+ ion-button {
+ margin-inline-end: 8px;
+ }
+ ion-buttons {
+ margin-left: 0;
+ ion-note {
+ width: 3em;
+ }
+ }
+}
+
/* checkered flag blinking in title (only) */
@keyframes blink-checkered-flag {
0% { opacity: 0; }