Add missing code tags

Author: smnandre

ux.symfony.com/assets/styles/components/_Terminal.scss

@@ -48,6 +48,11 @@
     text-overflow: ellipsis;
     white-space: nowrap;
     padding-inline-start: .25rem;
+
+    code {
+        font-size: inherit;
+        opacity: .8;
+    }
 }
 
 .Terminal_controls {
@@ -58,8 +63,8 @@
 }
 .Terminal_controls span {
     display: inline-block;
-    width: .75rem;
-    height: .75rem;
+    width: .65rem;
+    height: .65rem;
     border-radius: 50%;
 
     &.red {
@@ -71,8 +76,13 @@
     &.green {
         background: $green;
     }
+    [data-bs-theme="dark"] & {
+        opacity: .85;
+        filter: grayscale(.4);
+    }
 }
 
+
 .Terminal_body {
     background-color: $n-800;
     height: 100%;

ux.symfony.com/templates/components/CodeBlock.html.twig

@@ -3,7 +3,7 @@
 }) }}>
     {% if showFilename %}
         <div class="Terminal_header py-2 ps-4 pe-2 mb-0 d-flex justify-content-between align-items-center">
-            <a id="{{ this.elementId }}" href="#{{ this.elementId }}" class="Terminal_title">{{ filename }}</a>
+            <a id="{{ this.elementId }}" href="#{{ this.elementId }}" class="Terminal_title"><code>{{ filename }}</code></a>
             <div class="Terminal_actions">
                 <twig:CodeBlockButtons source="{{ this.rawSource }}" link="{{ this.githubLink }}" />
             </div>

ux.symfony.com/templates/components/Terminal.html.twig

@@ -9,8 +9,8 @@
         </div>
     </div>
     <div class="Terminal_body">
-        <pre class="Terminal_content ps-4 pt-3" style="padding-bottom: {{ bottomPadding }}px; height: {{ height }}">
+        <pre class="Terminal_content ps-4 pt-3" style="padding-bottom: {{ bottomPadding }}px; height: {{ height }}"><code>
             {{- this.process(block('content'))|raw -}}
-        </pre>
+        </code></pre>
     </div>
 </div>