From 466f92ba6f6a15a49343983183d365f59d68cc68 Mon Sep 17 00:00:00 2001
From: Oleg Volobuev <olegvolobuev785@gmail.com>
Date: Fri, 1 Mar 2024 15:23:32 +0300
Subject: [PATCH] fix: utc label position fix

---
 promo-shock/src/templates/new-promo/index.tsx        |  2 ++
 .../src/templates/new-promo/new-promo.module.scss    | 12 ++++++++++++
 promo-shock/src/templates/new-stream-pass/index.tsx  |  4 ++--
 .../new-stream-pass/new-stream-pass.module.scss      |  2 +-
 promo-shock/src/ui-kit/form/icons/icon-delete.tsx    |  8 ++++----
 5 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/promo-shock/src/templates/new-promo/index.tsx b/promo-shock/src/templates/new-promo/index.tsx
index af87369..2dbd1e7 100644
--- a/promo-shock/src/templates/new-promo/index.tsx
+++ b/promo-shock/src/templates/new-promo/index.tsx
@@ -324,6 +324,8 @@ const NewPromo: FC = () => {
                 />
               )}
             />
+
+            <span className={classes.utcLabel}>UTC time zone</span>
           </div>
 
           <div
diff --git a/promo-shock/src/templates/new-promo/new-promo.module.scss b/promo-shock/src/templates/new-promo/new-promo.module.scss
index 893e42c..afdfcec 100644
--- a/promo-shock/src/templates/new-promo/new-promo.module.scss
+++ b/promo-shock/src/templates/new-promo/new-promo.module.scss
@@ -34,6 +34,7 @@
 }
 
 .column {
+  position: relative;
   display: grid;
   > *:first-child > * {
     margin-bottom: 56px;
@@ -119,3 +120,14 @@
   text-align: center;
   color: #FF4D4F;
 }
+
+.utcLabel {
+  vertical-align: middle;
+  display: flex;
+  align-items: center;
+  margin-left: 395px;
+  font-family: var(--font-georama);
+  position: absolute;
+  left: 0;
+  bottom: 33px;
+}
\ No newline at end of file
diff --git a/promo-shock/src/templates/new-stream-pass/index.tsx b/promo-shock/src/templates/new-stream-pass/index.tsx
index f713e0c..6ef6106 100644
--- a/promo-shock/src/templates/new-stream-pass/index.tsx
+++ b/promo-shock/src/templates/new-stream-pass/index.tsx
@@ -251,8 +251,6 @@ const NewStreamPass: FC = () => {
                 />
               )}
             />
-
-            <span className={classes.utcLabel}>UTC time zone</span>
           </div>
           <div
             className={classNames(
@@ -274,6 +272,8 @@ const NewStreamPass: FC = () => {
                 />
               )}
             />
+
+            <span className={classes.utcLabel}>UTC time zone</span>
           </div>
           <div
             className={classNames(
diff --git a/promo-shock/src/templates/new-stream-pass/new-stream-pass.module.scss b/promo-shock/src/templates/new-stream-pass/new-stream-pass.module.scss
index 113a33a..40afa22 100644
--- a/promo-shock/src/templates/new-stream-pass/new-stream-pass.module.scss
+++ b/promo-shock/src/templates/new-stream-pass/new-stream-pass.module.scss
@@ -185,6 +185,6 @@
   vertical-align: middle;
   display: flex;
   align-items: center;
-  margin-left: 120px !important;
+  margin-left: 240px !important;
   font-family: var(--font-georama);
 }
\ No newline at end of file
diff --git a/promo-shock/src/ui-kit/form/icons/icon-delete.tsx b/promo-shock/src/ui-kit/form/icons/icon-delete.tsx
index 3f5a4dc..a121b53 100644
--- a/promo-shock/src/ui-kit/form/icons/icon-delete.tsx
+++ b/promo-shock/src/ui-kit/form/icons/icon-delete.tsx
@@ -13,14 +13,14 @@ export const IconDelete = () => (
     <path
       d="M16 19V24"
       stroke="#F759AB"
-      stroke-width="2.5"
-      stroke-linecap="round"
+      strokeWidth="2.5"
+      strokeLinecap="round"
     />
     <path
       d="M21 19V24"
       stroke="#F759AB"
-      stroke-width="2.5"
-      stroke-linecap="round"
+      strokeWidth="2.5"
+      strokeLinecap="round"
     />
   </svg>
 );