Fix mobile selection info

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']"
   >

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')