From 8be6c6e3ceed26c5a4524784339c66d49cb1b278 Mon Sep 17 00:00:00 2001
From: Amsyar Rasyiq <82711525+amsyarasyiq@users.noreply.github.com>
Date: Wed, 19 Apr 2023 00:53:11 +0800
Subject: [PATCH] fix(ReviewDB): fix margin in self-profile preview (#935)

Co-authored-by: V <vendicated@riseup.net>
---
 src/plugins/reviewDB/components/ReviewsView.tsx | 2 +-
 src/plugins/reviewDB/index.tsx                  | 4 +++-
 src/plugins/reviewDB/style.css                  | 3 +++
 3 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 src/plugins/reviewDB/style.css

diff --git a/src/plugins/reviewDB/components/ReviewsView.tsx b/src/plugins/reviewDB/components/ReviewsView.tsx
index 541500c4..466e9d45 100644
--- a/src/plugins/reviewDB/components/ReviewsView.tsx
+++ b/src/plugins/reviewDB/components/ReviewsView.tsx
@@ -57,7 +57,7 @@ export default function ReviewsView({ userId }: { userId: string; }) {
     }
 
     return (
-        <div className="ReviewDB">
+        <div className="vc-reviewdb-view">
             <Text
                 tag="h2"
                 variant="eyebrow"
diff --git a/src/plugins/reviewDB/index.tsx b/src/plugins/reviewDB/index.tsx
index 8e839834..01740a29 100644
--- a/src/plugins/reviewDB/index.tsx
+++ b/src/plugins/reviewDB/index.tsx
@@ -16,6 +16,8 @@
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
 
+import "./style.css";
+
 import { Settings } from "@api/settings";
 import ErrorBoundary from "@components/ErrorBoundary";
 import { Devs } from "@utils/constants";
@@ -38,7 +40,7 @@ export default definePlugin({
             replacement: {
                 match: /\(.{0,10}\{user:(.),setNote:.,canDM:.,.+?\}\)/,
                 replace: "$&,$self.getReviewsComponent($1)"
-            },
+            }
         }
     ],
 
diff --git a/src/plugins/reviewDB/style.css b/src/plugins/reviewDB/style.css
new file mode 100644
index 00000000..6171abef
--- /dev/null
+++ b/src/plugins/reviewDB/style.css
@@ -0,0 +1,3 @@
+[class|="section"]:not([class|="lastSection"]) + .vc-reviewdb-view {
+    margin-top: 12px;
+}