From fa258bf8e1799589fd1ec315539a3f385e910a3d Mon Sep 17 00:00:00 2001
From: RichardW <richard.webb@affiliate.oliverwyman.com>
Date: Thu, 5 Mar 2020 20:16:35 +0000
Subject: [PATCH] add clarification to the pan on select demo that it's only
 for touch

---
 src/components/config-functionality.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/config-functionality.vue b/src/components/config-functionality.vue
index 17a1fd5..fa17f81 100644
--- a/src/components/config-functionality.vue
+++ b/src/components/config-functionality.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="config-container">
     <div class="input-container">
-      <label>Pan on select</label>
+      <label>Pan on select (affects touchscreens)</label>
       <input v-model="inputIsPanOnSelectEnabled" type="checkbox" />
     </div>
     <div class="input-container">
@@ -20,7 +20,13 @@
     </div>
     <div class="input-container">
       <label>Hierarchy level at which to focus</label>
-      <input v-model.number="inputHierarchyLevelFocus" type="range" min="1" max="5" step="1" />
+      <input
+        v-model.number="inputHierarchyLevelFocus"
+        type="range"
+        min="1"
+        max="5"
+        step="1"
+      />
     </div>
     <button @click="randomize">Randomize</button>
   </div>