fix: align worm chart, price up down colors (#808)

deriv-com · Sep 4, 2024 · 840bccd · 840bccd
1 parent 67b6cfd
commit 840bccd
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/src/sass/_common/reskin.scss b/src/sass/_common/reskin.scss
@@ -80,15 +80,25 @@ body {
     }
     div#underlying_details {
         display: flex;
+        gap: 6px;
         flex-direction: column;
         transform: scale(0.88);
 
         @media(max-width: 768px) {
            flex-direction: row;
         }
 
-        #spot{
-            margin-top:  5px;
+        #spot {
+            line-height: 26px !important;
+            margin-left: 0 !important;
+            padding-block: var(--semantic-spacing-general-2xs) !important;
+            padding-inline: var(--semantic-spacing-general-xs) !important;
+        }
+        .price_moved_up {
+            background-color: var(--semantic-color-emerald-solid-surface-normal-highest);
+        }
+        .price_moved_down {
+            background-color: var(--semantic-color-cherry-solid-surface-normal-highest);
         }
     }
     div#onboarding-container {