From 8c729cd43969ae063b5606882a9b178a5aac76a1 Mon Sep 17 00:00:00 2001
From: Mikael Finstad <finstaden@gmail.com>
Date: Sat, 11 Mar 2023 18:11:11 +0800
Subject: [PATCH] fix <code> bug

---
 src/components/Settings.jsx | 4 ++--
 src/main.css                | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Settings.jsx b/src/components/Settings.jsx
index 8dc91fad..ba29ea9f 100644
--- a/src/components/Settings.jsx
+++ b/src/components/Settings.jsx
@@ -203,12 +203,12 @@ const Settings = memo(({
                 {keyframeCut ? (
                   <>
                     {t('Cut at the nearest keyframe (not accurate time.) Equiv to')}:<br />
-                    <code>ffmpeg -ss -i ...</code>
+                    <code className="highlighted">ffmpeg -ss -i ...</code>
                   </>
                 ) : (
                   <>
                     {t('Accurate time but could leave an empty portion at the beginning of the video. Equiv to')}:<br />
-                    <code>ffmpeg -i -ss ...</code>
+                    <code className="highlighted">ffmpeg -i -ss ...</code>
                   </>
                 )}
               </div>
diff --git a/src/main.css b/src/main.css
index 5b161eea..86599ad3 100644
--- a/src/main.css
+++ b/src/main.css
@@ -49,7 +49,7 @@ kbd {
     box-shadow: inset 0 -1px 0 var(--gray8);
 }
 
-code {
+code.highlighted {
   background-color: var(--gray4);
   border-radius: .2em;
 }