Merge branch 'main' into chore/custom-pane-height-for-technical-indicators

Author: sahar-fehri

app/components/UI/AssetOverview/Price/Price.styles.tsx

@@ -50,7 +50,7 @@ const styleSheet = (params: { theme: Theme }) =>
       width: '100%',
       alignSelf: 'stretch',
       paddingTop: 12,
-      paddingBottom: 16,
+      paddingBottom: 8,
       flexDirection: 'column',
       alignItems: 'flex-start',
       gap: 10,

app/components/UI/Charts/AdvancedChart/webview/chartLogic.js

@@ -3577,7 +3577,7 @@ function createStudyLegendOverlay() {
   const div = document.createElement('div');
   div.id = 'study-legend-overlay';
   div.style.cssText =
-    'position:absolute;top:21px;left:' +
+    'position:absolute;top:1px;left:' +
     LEGEND_OVERLAY_LEFT_PX +
     'px;z-index:5;pointer-events:none;' +
     'display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:8px;row-gap:2px;';

app/components/UI/Charts/AdvancedChart/webview/chartLogicString.ts

@@ -3586,7 +3586,7 @@ function createStudyLegendOverlay() {
   const div = document.createElement('div');
   div.id = 'study-legend-overlay';
   div.style.cssText =
-    'position:absolute;top:21px;left:' +
+    'position:absolute;top:1px;left:' +
     LEGEND_OVERLAY_LEFT_PX +
     'px;z-index:5;pointer-events:none;' +
     'display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:8px;row-gap:2px;';