chore: tweak styles for collapse widget

Candinya · Nov 3, 2024 · 907df1c · 907df1c
1 parent c14bd97
commit 907df1c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/scss/kr-core.scss b/src/scss/kr-core.scss
@@ -920,7 +920,7 @@ table {
   > .collapse-box-header {
     position: relative;
     cursor: pointer;
-    padding-left: 15px;
+    padding: 3px 15px 3px 40px;
     transition: color 0.3s ease-in-out;
 
     a {
@@ -931,7 +931,7 @@ table {
     .collapse-box-icon {
       transition: transform 0.3s ease-in-out;
       position: absolute;
-      right: 15px;
+      left: 15px;
     }
   }
 
@@ -940,13 +940,12 @@ table {
   }
 
   .collapse-box-content {
-    border-top: 1px solid #e6e6e6;
     display: grid;
     grid-template-rows: 0fr;
     transition: grid-template-rows 0.3s ease-in-out;
 
     .inner {
-      padding: 5px 15px;
+      padding: 0 15px;
       color: #333;
       overflow: hidden;
       width: 100%;

diff --git a/src/scss/kr-theme/light.scss b/src/scss/kr-theme/light.scss
@@ -8,7 +8,7 @@ $border: #3c495b3a;
 $tag_background: #fffd;
 $card_background: #ffffffcc;
 $page_background: #f5f5f5;
-$info_background: #efefefaa;
+$info_background: #e0e0e0aa;
 $navbar_desktop: #282a2c99;
 $navbar_mobile: #16171ae6;