fix: DC-5453 Update highlighted code padding (#7136)

* Update highlighted code padding

* update global rule

Author: carlagn

src/css/custom.css

@@ -1569,6 +1569,11 @@ code:not(pre > code) {
   background-color: var(--code-inline-bgd-color);
 }
 
+pre > code {
+  border-top-right-radius: 0 !important;
+  border-top-left-radius: 0 !important;
+}
+
 .anchor code {
   font-size: inherit;
   display: inline-block;

src/theme/CodeBlock/Line/styles.module.scss

@@ -10,7 +10,7 @@ the background in custom CSS file due bug https://github.com/facebook/docusaurus
 :global(.theme-code-block-added-line)::before {
   content: "+" !important;
   position: absolute;
-  left: 16px;
+  left: 8px;
   color: #47bb78;
 }
 :global(.theme-code-block-deleted-line) {
@@ -22,7 +22,7 @@ the background in custom CSS file due bug https://github.com/facebook/docusaurus
 :global(.theme-code-block-deleted-line)::before {
   content: "-" !important;
   position: absolute;
-  left: 16px;
+  left: 8px;
   color: #e53e3e;
 }
 
@@ -35,7 +35,7 @@ the background in custom CSS file due bug https://github.com/facebook/docusaurus
 :global(.theme-code-block-edited-line)::before {
   content: "✎" !important;
   position: absolute;
-  left: 16px;
+  left: 8px;
   color: #a0aec0;
 }
 
@@ -112,3 +112,7 @@ the background in custom CSS file due bug https://github.com/facebook/docusaurus
     margin-left: calc(var(--ifm-pre-padding) + 8.41px);
   }
 }
+
+:global(code:has(.theme-code-block-added-line, .theme-code-block-deleted-line, .theme-code-block-edited-line) > span) {
+   padding-left: 32px !important;
+ }