From 0ca7d19fc766354fe5529a3c4224060c8c488e88 Mon Sep 17 00:00:00 2001
From: Jeremy Wharton <jeremy.e.wharton@gmail.com>
Date: Thu, 29 Jun 2023 00:59:16 -0500
Subject: [PATCH] web/satellite: show cursor as pointer when selecting session
 timeout

The cursor now appears as a pointer when interacting with the session
timeout modal's dropdown menu.

Change-Id: I309463b5f3af2df198a8bba5a9122e8a8f39de89
---
 .../modals/editSessionTimeout/TimeoutSelector.vue        | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/web/satellite/src/components/modals/editSessionTimeout/TimeoutSelector.vue b/web/satellite/src/components/modals/editSessionTimeout/TimeoutSelector.vue
index 64c5f1136..f4a1c5531 100644
--- a/web/satellite/src/components/modals/editSessionTimeout/TimeoutSelector.vue
+++ b/web/satellite/src/components/modals/editSessionTimeout/TimeoutSelector.vue
@@ -23,7 +23,7 @@
                 @click.stop="() => select(option)"
                 @keyup.enter="() => select(option)"
             >
-                <span class="selector__dropdown__item__label">{{ option.shortString }}</span>
+                <span>{{ option.shortString }}</span>
             </div>
         </div>
     </div>
@@ -118,13 +118,13 @@ function toggleSelector() {
         justify-content: space-between;
         position: relative;
         padding: 10px 14px;
+        cursor: pointer;
 
         &__label {
             font-family: 'font_regular', sans-serif;
             font-size: 14px;
             line-height: 20px;
             color: var(--c-grey-6);
-            cursor: default;
         }
 
         &__arrow {
@@ -149,10 +149,7 @@ function toggleSelector() {
 
         &__item {
             padding: 10px;
-
-            &__label {
-                cursor: default;
-            }
+            cursor: pointer;
 
             &.selected {
                 background: var(--c-grey-1);