From 987c48771cc3ea2bbe987da66850cac104722197 Mon Sep 17 00:00:00 2001
From: ludwiczakpawel <ludwiczakpawel@gmail.com>
Date: Mon, 20 Sep 2021 17:45:18 +0200
Subject: [PATCH] padding fix (#14766)

---
 app/assets/javascripts/utilities/buildArticleHTML.js          | 2 +-
 .../articles/__tests__/__snapshots__/Article.test.jsx.snap    | 4 ++--
 .../profilePreviewCards/MinimalProfilePreviewCard.jsx         | 2 +-
 app/views/shared/_profile_preview_card.html.erb               | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/assets/javascripts/utilities/buildArticleHTML.js b/app/assets/javascripts/utilities/buildArticleHTML.js
index 0f870db15..d9b976efd 100644
--- a/app/assets/javascripts/utilities/buildArticleHTML.js
+++ b/app/assets/javascripts/utilities/buildArticleHTML.js
@@ -176,7 +176,7 @@ function buildArticleHTML(article) {
     var isArticle = article.class_name === 'Article';
 
     var previewCardContent = `
-      <div id="story-author-preview-content-${article.id}" class="profile-preview-card__content crayons-dropdown" data-repositioning-dropdown="true" style="border-top: var(--su-7) solid var(--card-color);" data-testid="profile-preview-card">
+      <div id="story-author-preview-content-${article.id}" class="profile-preview-card__content crayons-dropdown p-4" data-repositioning-dropdown="true" style="border-top: var(--su-7) solid var(--card-color);" data-testid="profile-preview-card">
         <div class="gap-4 grid">
           <div class="-mt-4">
             <a href="/${profileUsername}" class="flex">
diff --git a/app/javascript/articles/__tests__/__snapshots__/Article.test.jsx.snap b/app/javascript/articles/__tests__/__snapshots__/Article.test.jsx.snap
index 48ae339ee..02cf8f727 100644
--- a/app/javascript/articles/__tests__/__snapshots__/Article.test.jsx.snap
+++ b/app/javascript/articles/__tests__/__snapshots__/Article.test.jsx.snap
@@ -76,7 +76,7 @@ Object {
                         Stella Macejkovic
                       </button>
                       <div
-                        class="profile-preview-card__content crayons-dropdown"
+                        class="profile-preview-card__content crayons-dropdown p-4"
                         data-repositioning-dropdown="true"
                         data-testid="profile-preview-card"
                         id="story-author-preview-content-62407"
@@ -324,7 +324,7 @@ Object {
                       Stella Macejkovic
                     </button>
                     <div
-                      class="profile-preview-card__content crayons-dropdown"
+                      class="profile-preview-card__content crayons-dropdown p-4"
                       data-repositioning-dropdown="true"
                       data-testid="profile-preview-card"
                       id="story-author-preview-content-62407"
diff --git a/app/javascript/profilePreviewCards/MinimalProfilePreviewCard.jsx b/app/javascript/profilePreviewCards/MinimalProfilePreviewCard.jsx
index 094dfe6d1..83da3bdc3 100644
--- a/app/javascript/profilePreviewCards/MinimalProfilePreviewCard.jsx
+++ b/app/javascript/profilePreviewCards/MinimalProfilePreviewCard.jsx
@@ -20,7 +20,7 @@ export const MinimalProfilePreviewCard = ({
 
     <div
       id={contentId}
-      class="profile-preview-card__content crayons-dropdown"
+      class="profile-preview-card__content crayons-dropdown p-4"
       style="border-top: var(--su-7) solid var(--card-color);"
       data-repositioning-dropdown="true"
       data-testid="profile-preview-card"
diff --git a/app/views/shared/_profile_preview_card.html.erb b/app/views/shared/_profile_preview_card.html.erb
index 2c1bf44a6..0f30e03dc 100644
--- a/app/views/shared/_profile_preview_card.html.erb
+++ b/app/views/shared/_profile_preview_card.html.erb
@@ -1,4 +1,4 @@
-<div id="<%= id %>" class="profile-preview-card__content crayons-dropdown" style="--card-color: <%= Color::CompareHex.new([user_colors(actor)[:bg], user_colors(actor)[:text]]).brightness(0.88) %>; border-top: var(--su-7) solid var(--card-color);" data-testid="profile-preview-card" data-repositioning-dropdown="true">
+<div id="<%= id %>" class="profile-preview-card__content p-4 crayons-dropdown" style="--card-color: <%= Color::CompareHex.new([user_colors(actor)[:bg], user_colors(actor)[:text]]).brightness(0.88) %>; border-top: var(--su-7) solid var(--card-color);" data-testid="profile-preview-card" data-repositioning-dropdown="true">
     <div class="gap-4 grid">
         <%= render "shared/profile_card_content", context: "preview-card", actor: actor %>
     </div>