From 9679e2ed6e12fb323340e1682684bbc0df4b5b5d Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Mon, 18 Jul 2022 16:27:23 +0100
Subject: [PATCH] row margin fix

---
 .../profile/profile_view/Profile_W2lTemplateListFc.tsx    | 8 +++++---
 .../v2/view/w2l/w2l_template_list/W2lTemplateListFc.tsx   | 8 +++++---
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/packages/fakeyou/src/v2/view/profile/profile_view/Profile_W2lTemplateListFc.tsx b/packages/fakeyou/src/v2/view/profile/profile_view/Profile_W2lTemplateListFc.tsx
index d5efe2b526..9a391606a7 100644
--- a/packages/fakeyou/src/v2/view/profile/profile_view/Profile_W2lTemplateListFc.tsx
+++ b/packages/fakeyou/src/v2/view/profile/profile_view/Profile_W2lTemplateListFc.tsx
@@ -109,7 +109,7 @@ function ProfileW2lTemplateListFc(props: Props) {
 
     if (rowOfTemplateElements.length === nextRowSize) {
       allRowsOfTemplateElements.push(
-        <div className="col-sm-6 col-md-4 col-lg-3 mb-4 d-flex" key={rowKey}>
+        <div className="col-sm-6 col-md-4 col-lg-3 d-flex" key={rowKey}>
           {rowOfTemplateElements.map((el) => el)}
         </div>
       );
@@ -128,14 +128,16 @@ function ProfileW2lTemplateListFc(props: Props) {
   // Make sure last row is built.
   if (rowOfTemplateElements.length !== 0) {
     allRowsOfTemplateElements.push(
-      <div className="col-sm-6 col-md-4 col-lg-3 mb-4 d-flex" key={rowKey}>
+      <div className="col-sm-6 col-md-4 col-lg-3 d-flex" key={rowKey}>
         {rowOfTemplateElements.map((el) => el)}
       </div>
     );
     rowOfTemplateElements = [];
   }
 
-  return <div className="row">{allRowsOfTemplateElements.map((el) => el)}</div>;
+  return (
+    <div className="row gy-4">{allRowsOfTemplateElements.map((el) => el)}</div>
+  );
 }
 
 export { ProfileW2lTemplateListFc };
diff --git a/packages/fakeyou/src/v2/view/w2l/w2l_template_list/W2lTemplateListFc.tsx b/packages/fakeyou/src/v2/view/w2l/w2l_template_list/W2lTemplateListFc.tsx
index efca9c5bf7..43ed8be17a 100644
--- a/packages/fakeyou/src/v2/view/w2l/w2l_template_list/W2lTemplateListFc.tsx
+++ b/packages/fakeyou/src/v2/view/w2l/w2l_template_list/W2lTemplateListFc.tsx
@@ -114,7 +114,7 @@ function W2lTemplateListFc(props: Props) {
 
     if (rowOfTemplateElements.length === nextRowSize) {
       allRowsOfTemplateElements.push(
-        <div className="col-sm-6 col-md-4 col-lg-3 mb-4 d-flex" key={rowKey}>
+        <div className="col-sm-6 col-md-4 col-lg-3 d-flex" key={rowKey}>
           {rowOfTemplateElements.map((el) => el)}
         </div>
       );
@@ -133,7 +133,7 @@ function W2lTemplateListFc(props: Props) {
   // Make sure last row is built.
   if (rowOfTemplateElements.length !== 0) {
     allRowsOfTemplateElements.push(
-      <div className="col-sm-6 col-md-4 col-lg-3 mb-4 d-flex" key={rowKey}>
+      <div className="col-sm-6 col-md-4 col-lg-3 d-flex" key={rowKey}>
         {rowOfTemplateElements.map((el) => el)}
       </div>
     );
@@ -199,7 +199,9 @@ function W2lTemplateListFc(props: Props) {
 
       <div className="container-panel pb-4">
         <div className="panel p-3 p-lg-4 load-hidden">
-          <div className="row">{allRowsOfTemplateElements.map((el) => el)}</div>
+          <div className="row gy-4">
+            {allRowsOfTemplateElements.map((el) => el)}
+          </div>
         </div>
       </div>