fix: uepr-38: style fixes

Author: KManolov3

src/components/debug-modal/debug-modal.css

@@ -30,8 +30,10 @@
         border-radius: 8px 8px 0 0;
         justify-content: space-between;
         align-items: center;
-        padding: 10px;
-        background-color: $ui-green;
+        padding: 8px;
+        padding-left: 12px;
+        padding-right: 12px;
+        background-color: $ui-green-2;
     }
 
     .header-title {
@@ -85,7 +87,7 @@
     .nextIcon {
         position: absolute;
         cursor: pointer;
-        right: -26px;
+        right: -24px;
         top: 50%;
     }
 
@@ -98,7 +100,8 @@
         display: flex;
         gap: 8px;
         align-items: center;
-        padding: 10px;
+        padding: 8px;
+        padding-left: 12px;
         font-size: 1rem;
         line-height: 1.5rem;
         color: $ui-green;;

src/css/colors.css

@@ -13,6 +13,7 @@ $ui-black-transparent: hsla(0, 0%, 0%, 0.15); /* 15% transparent version of blac
 $ui-black-transparent-10: hsla(0, 0%, 0%, 0.10); /* 10% transparent version of black */
 
 $ui-green: hsla(163, 85%, 35%, 1); /* #0DA57A */
+$ui-green-2: hsla(163, 85%, 40%, 1); /* #0FBD8C */
 
 $text-primary: hsla(225, 15%, 40%, 1); /* #575E75 */
 $text-primary-transparent: hsla(225, 15%, 40%, 0.75);