From 2c6283d0b05702f9b2f102e69ae205686f3cb12f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8C=97=E4=91=93=E5=A6=82=E6=B3=95?=
 <algebraicallyClosedField@gmail.com>
Date: Wed, 1 Nov 2023 07:12:44 +0900
Subject: [PATCH 1/2] Fix the padding of blackboard style

---
 app/javascript/styles/mastodon/components.scss | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index 492f1f0686a20e..8a490e7efe9f4b 100644
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -939,8 +939,7 @@ $blackboardcolor: #315653;
     background-color: darken($blackboardcolor, 10%);
     $bb-wood-width: 4px;
     border: $bb-wood-width solid #423325 !important;
-    padding: 15px - $bb-wood-width 15px - $bb-wood-width 15px - $bb-wood-width 78px - $bb-wood-width !important;
-    // padding: 4px 6px 4px 68px !important;
+    padding: 16px - $bb-wood-width !important;
     &:after {
         content: "";
         position: absolute;

From 7f87ddd3a51e2ecd75dca558fd7a2e7a100d1740 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8C=97=E4=91=93=E5=A6=82=E6=B3=95?=
 <algebraicallyClosedField@gmail.com>
Date: Wed, 1 Nov 2023 12:44:08 +0900
Subject: [PATCH 2/2] lint:sass

---
 .../styles/mastodon/components.scss           | 67 ++++++++++---------
 1 file changed, 36 insertions(+), 31 deletions(-)

diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index 8a490e7efe9f4b..902b2c50a28aa9 100644
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -928,45 +928,50 @@
 }
 
 .MathJax_Display {
-    overflow-x: auto;
-    overflow-y: hidden;
+  overflow-x: auto;
+  overflow-y: hidden;
 }
 
 $blackboardcolor: #103212;
-$blackboardcolor: #3A5849;
+$blackboardcolor: #3a5849;
 $blackboardcolor: #315653;
+
 .mathjaxified__content {
-    background-color: darken($blackboardcolor, 10%);
-    $bb-wood-width: 4px;
-    border: $bb-wood-width solid #423325 !important;
-    padding: 16px - $bb-wood-width !important;
-    &:after {
-        content: "";
-        position: absolute;
-        bottom: 0px;
-        right: 10px;
-        height: 5px;
-        width: 12px;
-        background-color: rgb(107, 55, 32);
-        border-bottom: 1px solid #14128a;
-    }
-    &:before {
-        content: "";
-        position: absolute;
-        bottom: 0px;
-        right: 29px;
-        height: 1px;
-        width: 6px;
-        background-color: #939393;
-    }
-    .status__avatar {
-        left: 15px - $bb-wood-width !important;
-        top: 17px - $bb-wood-width !important;
-    }
+  background-color: darken($blackboardcolor, 10%);
+  $bb-wood-width: 4px;
+
+  border: $bb-wood-width solid #423325 !important;
+  padding: 16px - $bb-wood-width !important;
+
+  &::after {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    right: 10px;
+    height: 5px;
+    width: 12px;
+    background-color: rgb(107, 55, 32);
+    border-bottom: 1px solid #14128a;
+  }
+
+  &::before {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    right: 29px;
+    height: 1px;
+    width: 6px;
+    background-color: #939393;
+  }
+
+  .status__avatar {
+    left: 15px - $bb-wood-width !important;
+    top: 17px - $bb-wood-width !important;
+  }
 }
 
 article:has(.mathjaxified__content) + article:has(.mathjaxified__content) { // TODO: CSS 4
-    border-top: 0px !important;
+  border-top: 0 !important;
 }
 
 .announcements__item__content {