From 783d3d74b2c3ecfd4085194e723457ced75e8aea Mon Sep 17 00:00:00 2001
From: Tighe <73177811+TIGHEDEV@users.noreply.github.com>
Date: Tue, 10 Oct 2023 14:21:25 +0000
Subject: [PATCH 1/3] Adding a background colour to html code element

---
 helper/src/index.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/helper/src/index.css b/helper/src/index.css
index 2bbd0a05a..bf75675cf 100644
--- a/helper/src/index.css
+++ b/helper/src/index.css
@@ -72,6 +72,7 @@ pre {
 
 code {
     color: #171717;
+    background-color: #e6e6e6;
     line-height: 130%;
     direction: ltr;
     font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;

From d24673e5cec52adbd28b8b6847129adc980394ea Mon Sep 17 00:00:00 2001
From: Tighe <73177811+TIGHEDEV@users.noreply.github.com>
Date: Tue, 10 Oct 2023 14:58:48 +0000
Subject: [PATCH 2/3] updating css on specific code snippet

---
 helper/src/components/deployTab.js | 2 +-
 helper/src/index.css               | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/helper/src/components/deployTab.js b/helper/src/components/deployTab.js
index 0b514540e..30b966c61 100644
--- a/helper/src/components/deployTab.js
+++ b/helper/src/components/deployTab.js
@@ -599,7 +599,7 @@ gh secret set --repo ${deploy.githubrepo} USER_OBJECT_ID -b $spId
 <Text>* Requires <Link target="_gh" href="https://github.com/cli/cli">GitHub CLI</Link>, or execute in the <Link target="_cs" href="http://shell.azure.com/">Azure Cloud Shell (where it is pre-installed)</Link>.</Text>
 <Separator></Separator>
 
-            <Text style={{marginTop: '20px'}}>Add the following code to a new file in your repos <code>.github/workflows</code> folder, this will call the AKS-Construction reusable workflow.  NOTE: This example creates a manually triggered Action</Text>
+            <Text style={{marginTop: '20px'}}>Add the following code to a new file in your repos <code style={{ "background-color": "#e6e6e6"}}>.github/workflows</code> folder, this will call the AKS-Construction reusable workflow.  NOTE: This example creates a manually triggered Action</Text>
             <CodeBlock testId={'deploy-github-actions'} lang="github actions"  deploycmd={`name: Deploy AKS-Construction
 
 on:
diff --git a/helper/src/index.css b/helper/src/index.css
index bf75675cf..2bbd0a05a 100644
--- a/helper/src/index.css
+++ b/helper/src/index.css
@@ -72,7 +72,6 @@ pre {
 
 code {
     color: #171717;
-    background-color: #e6e6e6;
     line-height: 130%;
     direction: ltr;
     font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;

From a02aa61885915262441645d1077136a9ddb3b861 Mon Sep 17 00:00:00 2001
From: Tighe <73177811+TIGHEDEV@users.noreply.github.com>
Date: Wed, 11 Oct 2023 11:03:11 +0000
Subject: [PATCH 3/3] Updating CSS to apply to code elements in spans

---
 helper/src/components/deployTab.js | 2 +-
 helper/src/index.css               | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/helper/src/components/deployTab.js b/helper/src/components/deployTab.js
index 30b966c61..0b514540e 100644
--- a/helper/src/components/deployTab.js
+++ b/helper/src/components/deployTab.js
@@ -599,7 +599,7 @@ gh secret set --repo ${deploy.githubrepo} USER_OBJECT_ID -b $spId
 <Text>* Requires <Link target="_gh" href="https://github.com/cli/cli">GitHub CLI</Link>, or execute in the <Link target="_cs" href="http://shell.azure.com/">Azure Cloud Shell (where it is pre-installed)</Link>.</Text>
 <Separator></Separator>
 
-            <Text style={{marginTop: '20px'}}>Add the following code to a new file in your repos <code style={{ "background-color": "#e6e6e6"}}>.github/workflows</code> folder, this will call the AKS-Construction reusable workflow.  NOTE: This example creates a manually triggered Action</Text>
+            <Text style={{marginTop: '20px'}}>Add the following code to a new file in your repos <code>.github/workflows</code> folder, this will call the AKS-Construction reusable workflow.  NOTE: This example creates a manually triggered Action</Text>
             <CodeBlock testId={'deploy-github-actions'} lang="github actions"  deploycmd={`name: Deploy AKS-Construction
 
 on:
diff --git a/helper/src/index.css b/helper/src/index.css
index 2bbd0a05a..76371938f 100644
--- a/helper/src/index.css
+++ b/helper/src/index.css
@@ -87,3 +87,12 @@ code {
 a {
     color: #9370DB !important;
 }
+
+
+span code{
+    color: #171717;
+    background-color: #e6e6e6;
+    line-height: 130%;
+    direction: ltr;
+    font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
+}
\ No newline at end of file