feat: ensure floating buttons stay within their container

apps/trading/client-pages/market/market-selector-item.tsx

@@ -75,9 +75,9 @@ const MarketData = ({ market }: { market: MarketMaybeWithDataAndCandles }) => {
   return (
     <div className="flex gap-2">
       <div>
-        <div className="text-ellipsis whitespace-nowrap overflow-hidden">
+        <h3 className="text-ellipsis whitespace-nowrap overflow-hidden">
           {market.tradableInstrument.instrument.code}
-        </div>
+        </h3>
         {mode && (
           <p className="text-xs text-vega-orange-500 dark:text-vega-orange-550 whitespace-nowrap">
             {mode}

apps/trading/client-pages/portfolio/deposits-container.tsx

@@ -25,7 +25,7 @@ export const DepositsContainer = () => {
         overlayNoRowsTemplate={error ? error.message : t('No deposits')}
       />
       {!isReadOnly && (
-        <div className="h-auto flex justify-end px-[11px] py-2 bottom-0 right-3 absolute dark:bg-black/75 bg-white/75 rounded">
+        <div className="h-auto flex justify-end p-2 bottom-0 right-0 absolute dark:bg-black/75 bg-white/75 rounded">
           <Button
             variant="primary"
             size="sm"

apps/trading/client-pages/portfolio/withdrawals-container.tsx

@@ -32,7 +32,7 @@ export const WithdrawalsContainer = () => {
         />
       </div>
       {!isReadOnly && (
-        <div className="h-auto flex justify-end px-[11px] py-2 bottom-0 right-3 absolute dark:bg-black/75 bg-white/75 rounded">
+        <div className="h-auto flex justify-end p-2 bottom-0 right-0 absolute dark:bg-black/75 bg-white/75 rounded">
           <Button
             variant="primary"
             size="sm"

apps/trading/components/accounts-container/accounts-container.tsx

@@ -67,11 +67,11 @@ export const AccountsContainer = ({
         gridProps={gridStoreCallbacks}
       />
       {!isReadOnly && !hideButtons && (
-        <div className="flex gap-2 justify-end p-2 px-[11px] absolute lg:fixed bottom-0 right-3 dark:bg-black/75 bg-white/75 rounded">
+        <div className="flex gap-2 justify-end p-2 absolute bottom-0 right-0 dark:bg-black/75 bg-white/75 rounded">
           <Button
             variant="primary"
             size="sm"
-            data-testid="open-transfer-dialog"
+            data-testid="open-transfer"
             onClick={() => setView({ type: ViewType.Transfer })}
           >
             {t('Transfer')}

apps/trading/components/settings/settings.tsx

@@ -23,7 +23,7 @@ export const Settings = () => {
         )}
       >
         <Switch
-          name="settings-theme-switch"
+          name="settings-telemetry-switch"
           onCheckedChange={(isOn) => setIsApproved(isOn)}
           checked={isApproved}
         />

apps/trading/components/sidebar/sidebar.tsx

@@ -238,6 +238,7 @@ const ContentWrapper = ({
     <div
       // panes have p-1, since sidebar is on the right make pl less to account for additional pane space
       className="py-4 pl-3 pr-4"
+      data-testid="sidebar-content"
     >
       {title && <h2 className="mb-4">{title}</h2>}
       {children}

libs/orders/src/lib/components/order-list-manager/order-list-manager.tsx

@@ -139,7 +139,7 @@ export const OrderListManager = ({
 };
 
 const CancelAllOrdersButton = ({ onClick }: { onClick: () => void }) => (
-  <div className="dark:bg-black/75 bg-white/75 h-auto flex justify-end px-[11px] py-2 absolute bottom-0 right-3 rounded">
+  <div className="dark:bg-black/75 bg-white/75 h-auto flex justify-end p-2 absolute bottom-0 right-0 rounded">
     <Button
       variant="primary"
       size="sm"