From a79e2b6302667f7437ccc11bb2923d8a70fb3eca Mon Sep 17 00:00:00 2001
From: Mike Tasset <mike.tasset@gmail.com>
Date: Thu, 31 Jul 2025 12:19:44 +0200
Subject: [PATCH] Fix mobile selection info

---
 packages/frontend-2/components/viewer/Sidebar.vue |  2 +-
 .../components/viewer/controls/Left.vue           | 15 ++++++---------
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/packages/frontend-2/components/viewer/Sidebar.vue b/packages/frontend-2/components/viewer/Sidebar.vue
index 766f2db6e..7ca3dc5f6 100644
--- a/packages/frontend-2/components/viewer/Sidebar.vue
+++ b/packages/frontend-2/components/viewer/Sidebar.vue
@@ -2,7 +2,7 @@
 <template>
   <div
     ref="resizableElement"
-    class="relative sm:absolute z-10 right-0 overflow-hidden w-screen top-[3rem] sm:h-[calc(100dvh-3rem)]"
+    class="relative sm:absolute z-10 right-0 overflow-hidden w-screen bottom-0 sm:bottom-auto sm:top-[3rem] h-[40dvh] sm:h-[calc(100dvh-3rem)]"
     :style="!isSmallerOrEqualSm ? { maxWidth: width + 'px' } : {}"
     :class="[open ? '' : 'pointer-events-none']"
   >
diff --git a/packages/frontend-2/components/viewer/controls/Left.vue b/packages/frontend-2/components/viewer/controls/Left.vue
index e8b26fd8b..f35295e66 100644
--- a/packages/frontend-2/components/viewer/controls/Left.vue
+++ b/packages/frontend-2/components/viewer/controls/Left.vue
@@ -42,14 +42,10 @@
       />
       <ViewerControlsButtonToggle
         v-if="allAutomationRuns.length !== 0"
-        v-tippy="
-          isMobile
-            ? undefined
-            : {
-                content: summary.longSummary,
-                placement: 'right'
-              }
-        "
+        v-tippy="{
+          content: summary.longSummary,
+          placement: 'right'
+        }"
         :active="activePanel === 'automate'"
         @click="toggleActivePanel('automate')"
       >
@@ -59,7 +55,7 @@
         />
       </ViewerControlsButtonToggle>
       <div
-        v-if="!isMobile || activePanel !== 'none'"
+        v-if="!isTablet || activePanel !== 'none'"
         class="mt-auto flex flex-col gap-2"
       >
         <ViewerControlsButtonToggle
@@ -192,6 +188,7 @@ const { isEnabled: isEmbedEnabled } = useEmbed()
 const breakpoints = useBreakpoints(TailwindBreakpoints)
 const { isSmallerOrEqualSm } = useIsSmallerOrEqualThanBreakpoint()
 const isMobile = breakpoints.smaller('sm')
+const isTablet = breakpoints.smaller('lg')
 const { getTooltipProps } = useSmartTooltipDelay()
 
 const activePanel = ref<ActivePanel>('none')