fix(client): refine highlight css

ia-toki · Mar 28, 2024 · f108a99 · f108a99
1 parent 62efe03
commit f108a99
Showing 1 changed file with 16 additions and 4 deletions.
diff --git 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;
+    }
   }
 }