From f108a998094c0ccbc795957d1d2b44d54f7ce550 Mon Sep 17 00:00:00 2001
From: Ashar Fuadi <fushar@gmail.com>
Date: Thu, 28 Mar 2024 20:39:21 +0700
Subject: [PATCH] fix(client): refine highlight css

---
 .../src/components/HtmlText/HtmlText.scss     | 20 +++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/judgels-client/src/components/HtmlText/HtmlText.scss b/judgels-client/src/components/HtmlText/HtmlText.scss
index 6a0109bdc..c90720255 100644
--- a/judgels-client/src/components/HtmlText/HtmlText.scss
+++ b/judgels-client/src/components/HtmlText/HtmlText.scss
@@ -79,15 +79,27 @@
 
   .highlight {
     background-color: #fbd065;
-    margin: -20px;
-    margin-bottom: 15px;
-    padding: 20px;
-    padding-bottom: 10px;
+    margin-left: -20px;
+    margin-right: -20px;
+    margin-bottom: 20px;
+    padding: 10px 20px;
     border-radius: 3px;
 
     .bp5-dark & {
       background-color: #5a701a;
     }
+
+    &:first-child {
+      margin-top: -15px;
+    }
+
+    &:not(:first-child) {
+      margin-top: 15px;
+    }
+
+    &:last-child {
+      margin-bottom: -15px;
+    }
   }
 }