From 5b6ad48b180066ed15557d254d5ecb941605180d Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Wed, 29 Oct 2025 15:01:10 -0500
Subject: [PATCH] tweaks

---
 .../components/overlay/detail/AnnotationOffsetSlider.tsx  | 6 ++++--
 web/src/components/timeline/DetailStream.tsx              | 8 +++++++-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/web/src/components/overlay/detail/AnnotationOffsetSlider.tsx b/web/src/components/overlay/detail/AnnotationOffsetSlider.tsx
index 05749b8ec..9f6b6efbd 100644
--- a/web/src/components/overlay/detail/AnnotationOffsetSlider.tsx
+++ b/web/src/components/overlay/detail/AnnotationOffsetSlider.tsx
@@ -82,8 +82,10 @@ export default function AnnotationOffsetSlider({ className }: Props) {
             "landscape:flex-col landscape:items-start landscape:gap-4",
         )}
       >
-        <div className="flex flex-row gap-2 text-sm">
-          {t("trackingDetails.annotationSettings.offset.label")}:
+        <div className="flex max-w-28 flex-row items-center gap-2 text-sm md:max-w-48">
+          <span className="max-w-24 md:max-w-44">
+            {t("trackingDetails.annotationSettings.offset.label")}:
+          </span>
           <span className="text-primary-variant">{annotationOffset}</span>
         </div>
         <div className="w-full flex-1 landscape:flex">
diff --git a/web/src/components/timeline/DetailStream.tsx b/web/src/components/timeline/DetailStream.tsx
index e655d68cb..b5ce70446 100644
--- a/web/src/components/timeline/DetailStream.tsx
+++ b/web/src/components/timeline/DetailStream.tsx
@@ -30,6 +30,7 @@ import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
 import { Link } from "react-router-dom";
 import { Switch } from "@/components/ui/switch";
 import { usePersistence } from "@/hooks/use-persistence";
+import { isDesktop } from "react-device-detect";
 
 type DetailStreamProps = {
   reviewItems?: ReviewSegment[];
@@ -223,7 +224,12 @@ export default function DetailStream({
           </div>
         </div>
 
-        <div className="absolute bottom-0 left-0 right-0 z-30 rounded-t-md border border-secondary-highlight bg-background_alt shadow-md">
+        <div
+          className={cn(
+            "absolute bottom-0 left-0 right-0 z-30 rounded-t-md border border-secondary-highlight bg-background_alt shadow-md",
+            isDesktop && "border-b-0",
+          )}
+        >
           <button
             onClick={() => setControlsExpanded(!controlsExpanded)}
             className="flex w-full items-center justify-between p-3"