From 9286f039afb809378d1f119993de4a09deb1af80 Mon Sep 17 00:00:00 2001
From: Martin Price <8286890-yorkshire-pudding@users.noreply.gitlab.com>
Date: Wed, 31 Mar 2021 00:36:07 +0000
Subject: [PATCH] Update request to reflect suggestions by @ninjakiwi: Added
 class for no-select in styles.  Added reference to class in
 slides.component.html and service.component.html as I believe you would never
 need to select the text in the remote controller here

---
 src/app/components/service/service.component.html | 2 +-
 src/app/components/slides/slides.component.html   | 2 +-
 src/styles.scss                                   | 4 ++++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/app/components/service/service.component.html b/src/app/components/service/service.component.html
index 4437b55..a252bc6 100644
--- a/src/app/components/service/service.component.html
+++ b/src/app/components/service/service.component.html
@@ -1,3 +1,3 @@
-<mat-card *ngFor="let item of items; let counter = index;" (click)="onItemSelected(item)" [tabindex]="item.id" class="service-item">
+<mat-card *ngFor="let item of items; let counter = index;" (click)="onItemSelected(item)" [tabindex]="item.id" class="service-item no-select">
   <mat-icon>{{ getIcon(item) }}</mat-icon> {{ item.title }}
 </mat-card>
diff --git a/src/app/components/slides/slides.component.html b/src/app/components/slides/slides.component.html
index 99dcccc..2f6e8e9 100644
--- a/src/app/components/slides/slides.component.html
+++ b/src/app/components/slides/slides.component.html
@@ -1,4 +1,4 @@
-<mat-card mat-list-item *ngFor="let slide of slides; let counter = index;" (click)="onSlideSelected(counter)" [class.selected]="slide.selected">
+<mat-card class="no-select" mat-list-item *ngFor="let slide of slides; let counter = index;" (click)="onSlideSelected(counter)" [class.selected]="slide.selected">
   <div class="verse-tag">{{ slide.tag }}</div>
   <div class="verse-text">{{ slide.text }}</div>
 </mat-card>
diff --git a/src/styles.scss b/src/styles.scss
index f120dbc..0aef744 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -99,3 +99,7 @@ footer {
   align-items: center;
   justify-content: center;
 }
+
+.no-select {
+  user-select: none;
+}