From c3eaa830e62594a71a2deb9a6b120ae13dde63b2 Mon Sep 17 00:00:00 2001
From: Abhishek P Anil <abhishek@culturecreates.com>
Date: Tue, 25 Jul 2023 11:58:33 +0530
Subject: [PATCH 1/4] fix: artsdata top component height fix

---
 src/components/ArtsDataInfo/ArtsDataInfo.jsx | 36 +++++++++++---------
 src/components/ArtsDataInfo/artsDataInfo.css |  2 +-
 2 files changed, 20 insertions(+), 18 deletions(-)

diff --git a/src/components/ArtsDataInfo/ArtsDataInfo.jsx b/src/components/ArtsDataInfo/ArtsDataInfo.jsx
index 1948a825e..b4b3d8390 100644
--- a/src/components/ArtsDataInfo/ArtsDataInfo.jsx
+++ b/src/components/ArtsDataInfo/ArtsDataInfo.jsx
@@ -6,23 +6,25 @@ import { LinkOutlined } from '@ant-design/icons';
 function ArtsDataInfo(props) {
   const { artsDataLink, name, disambiguatingDescription } = props;
   return (
-    <Row className="arts-data-info" align={'middle'} justify={'space-between'} span={24}>
-      <Row gutter={[4, 0]}>
-        <Col
-          className="arts-data-title"
-          onClick={() => window.open(`${artsDataLink}`, '_blank', 'noopener,noreferrer')}>
-          <span style={{ textDecoration: 'underline' }}>Artsdata</span>
-        </Col>
-        <Col className="arts-data-name">
-          <span>{name}</span>
-        </Col>
-        <Col>
-          <span>
-            <Badge color="#1B3DE6" />
-          </span>
-        </Col>
-        <Col className="arts-data-description">{disambiguatingDescription}</Col>
-      </Row>
+    <Row className="arts-data-info" align={'middle'} justify={'space-between'}>
+      <Col span={20}>
+        <Row gutter={[4, 0]}>
+          <Col
+            className="arts-data-title"
+            onClick={() => window.open(`${artsDataLink}`, '_blank', 'noopener,noreferrer')}>
+            <span style={{ textDecoration: 'underline' }}>Artsdata</span>
+          </Col>
+          <Col className="arts-data-name">
+            <span>{name}</span>
+          </Col>
+          <Col>
+            <span>
+              <Badge color="#1B3DE6" />
+            </span>
+          </Col>
+          <Col className="arts-data-description">{disambiguatingDescription}</Col>
+        </Row>
+      </Col>
       <Col onClick={() => window.open(`${artsDataLink}`, '_blank', 'noopener,noreferrer')}>
         <span>
           <LinkOutlined />
diff --git a/src/components/ArtsDataInfo/artsDataInfo.css b/src/components/ArtsDataInfo/artsDataInfo.css
index c2a2e30b4..e6b544e36 100644
--- a/src/components/ArtsDataInfo/artsDataInfo.css
+++ b/src/components/ArtsDataInfo/artsDataInfo.css
@@ -1,7 +1,7 @@
 .arts-data-info {
   background-color: #e3e8ff;
   color: #0f0e98;
-  height: 32px;
+  min-height: 32px;
   font-size: 12px;
   font-family: Roboto;
   font-style: normal;

From ebf4a4848a458663b94bda9e41a422fc01deb327 Mon Sep 17 00:00:00 2001
From: Abhishek P Anil <abhishek@culturecreates.com>
Date: Tue, 25 Jul 2023 12:21:09 +0530
Subject: [PATCH 2/4] fix: removed the 24 gutter from row for organization and
 fixed spacing

---
 src/components/Card/Common/Event.jsx                        | 3 ++-
 src/components/Card/Common/event.css                        | 6 ++++++
 .../OrganizationsReadOnly/OrganizationsReadOnly.jsx         | 2 +-
 src/pages/Dashboard/PersonReadOnly/PersonReadOnly.jsx       | 2 +-
 src/pages/Dashboard/PlaceReadOnly/PlaceReadOnly.jsx         | 6 +++---
 5 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/components/Card/Common/Event.jsx b/src/components/Card/Common/Event.jsx
index 0e58ead5e..7ee7f06cf 100644
--- a/src/components/Card/Common/Event.jsx
+++ b/src/components/Card/Common/Event.jsx
@@ -1,12 +1,13 @@
 import React from 'react';
 import { Row, Col } from 'antd';
+import './event.css';
 
 function Event(props) {
   const { title, required, hidden } = props;
   return (
     <Col
-      flex={'780px'}
       className="add-event-section-col"
+      flex={'780px'}
       style={{ display: hidden && 'none', borderRadius: '4px', backgroundColor: '#ffffff' }}>
       <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }} className="events-content">
         <Col flex={'423px'}>
diff --git a/src/components/Card/Common/event.css b/src/components/Card/Common/event.css
index e69de29bb..07dd6dbe5 100644
--- a/src/components/Card/Common/event.css
+++ b/src/components/Card/Common/event.css
@@ -0,0 +1,6 @@
+.add-event-section-col {
+  padding: 24px;
+  background-color: #ffffff;
+  padding-left: 24px;
+  padding-right: 24px;
+}
diff --git a/src/pages/Dashboard/OrganizationsReadOnly/OrganizationsReadOnly.jsx b/src/pages/Dashboard/OrganizationsReadOnly/OrganizationsReadOnly.jsx
index b4ed12b48..d439e6513 100644
--- a/src/pages/Dashboard/OrganizationsReadOnly/OrganizationsReadOnly.jsx
+++ b/src/pages/Dashboard/OrganizationsReadOnly/OrganizationsReadOnly.jsx
@@ -170,7 +170,7 @@ function OrganizationsReadOnly() {
 
           <Card>
             <Col>
-              <Row gutter={[0, 24]}>
+              <Row>
                 <Col span={24}>
                   <p className="read-only-event-content" style={{ fontSize: '24px' }}>
                     {t('dashboard.organization.readOnly.details')}
diff --git a/src/pages/Dashboard/PersonReadOnly/PersonReadOnly.jsx b/src/pages/Dashboard/PersonReadOnly/PersonReadOnly.jsx
index c127be9d9..9d3e9e2ce 100644
--- a/src/pages/Dashboard/PersonReadOnly/PersonReadOnly.jsx
+++ b/src/pages/Dashboard/PersonReadOnly/PersonReadOnly.jsx
@@ -117,7 +117,7 @@ function PersonReadOnly() {
 
           <Card>
             <Col>
-              <Row gutter={[0, 24]}>
+              <Row>
                 <Col span={24}>
                   <p className="read-only-event-content" style={{ fontSize: '24px' }}>
                     {t('dashboard.people.readOnly.details')}
diff --git a/src/pages/Dashboard/PlaceReadOnly/PlaceReadOnly.jsx b/src/pages/Dashboard/PlaceReadOnly/PlaceReadOnly.jsx
index 0585788cc..7a190c86b 100644
--- a/src/pages/Dashboard/PlaceReadOnly/PlaceReadOnly.jsx
+++ b/src/pages/Dashboard/PlaceReadOnly/PlaceReadOnly.jsx
@@ -170,7 +170,7 @@ function PlaceReadOnly() {
           )}
           <Card>
             <Col>
-              <Row gutter={[0, 24]}>
+              <Row>
                 {(placeData?.name?.fr || placeData?.name?.en) && (
                   <Col span={24}>
                     <p className="read-only-event-content-sub-title-primary">
@@ -316,9 +316,9 @@ function PlaceReadOnly() {
             <Col>
               <Row gutter={[0, 24]}>
                 <Col span={24}>
-                  <p className="read-only-event-content" style={{ fontSize: '24px' }}>
+                  <span className="read-only-event-content" style={{ fontSize: '24px' }}>
                     {t('dashboard.places.readOnly.address.address')}
-                  </p>
+                  </span>
                 </Col>
                 {(placeData?.address?.streetAddress?.en || placeData?.address?.streetAddress?.fr) && (
                   <Col span={24}>

From 130c0165265e065e1ec3d51249a6dedbf895011b Mon Sep 17 00:00:00 2001
From: Abhishek P Anil <abhishek@culturecreates.com>
Date: Tue, 25 Jul 2023 12:33:58 +0530
Subject: [PATCH 3/4] fix: artsdata component height correction

---
 src/components/ArtsDataInfo/ArtsDataInfo.jsx                 | 4 ++--
 src/components/ArtsDataInfo/artsDataInfo.css                 | 5 +++++
 .../OrganizationsReadOnly/OrganizationsReadOnly.jsx          | 2 +-
 src/pages/Dashboard/PersonReadOnly/PersonReadOnly.jsx        | 2 +-
 src/pages/Dashboard/PlaceReadOnly/PlaceReadOnly.jsx          | 2 +-
 5 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/ArtsDataInfo/ArtsDataInfo.jsx b/src/components/ArtsDataInfo/ArtsDataInfo.jsx
index b4b3d8390..02b9ab608 100644
--- a/src/components/ArtsDataInfo/ArtsDataInfo.jsx
+++ b/src/components/ArtsDataInfo/ArtsDataInfo.jsx
@@ -8,7 +8,7 @@ function ArtsDataInfo(props) {
   return (
     <Row className="arts-data-info" align={'middle'} justify={'space-between'}>
       <Col span={20}>
-        <Row gutter={[4, 0]}>
+        <Row gutter={[4, 0]} align={'middle'}>
           <Col
             className="arts-data-title"
             onClick={() => window.open(`${artsDataLink}`, '_blank', 'noopener,noreferrer')}>
@@ -19,7 +19,7 @@ function ArtsDataInfo(props) {
           </Col>
           <Col>
             <span>
-              <Badge color="#1B3DE6" />
+              <Badge color="#1B3DE6" style={{ height: '2px', width: '2px' }} />
             </span>
           </Col>
           <Col className="arts-data-description">{disambiguatingDescription}</Col>
diff --git a/src/components/ArtsDataInfo/artsDataInfo.css b/src/components/ArtsDataInfo/artsDataInfo.css
index e6b544e36..19c7c8322 100644
--- a/src/components/ArtsDataInfo/artsDataInfo.css
+++ b/src/components/ArtsDataInfo/artsDataInfo.css
@@ -13,3 +13,8 @@
 .arts-data-info .arts-data-title {
   cursor: pointer;
 }
+
+.arts-data-info .ant-badge-status-dot {
+  height: 2px;
+  width: 2px;
+}
diff --git a/src/pages/Dashboard/OrganizationsReadOnly/OrganizationsReadOnly.jsx b/src/pages/Dashboard/OrganizationsReadOnly/OrganizationsReadOnly.jsx
index d439e6513..463071c26 100644
--- a/src/pages/Dashboard/OrganizationsReadOnly/OrganizationsReadOnly.jsx
+++ b/src/pages/Dashboard/OrganizationsReadOnly/OrganizationsReadOnly.jsx
@@ -147,7 +147,7 @@ function OrganizationsReadOnly() {
           {artsDataLinkChecker(organizationData?.sameAs) && (
             <Col span={24}>
               <Row>
-                <Col>
+                <Col span={16}>
                   <ArtsDataInfo
                     artsDataLink={artsDataLinkChecker(organizationData?.sameAs)}
                     name={contentLanguageBilingual({
diff --git a/src/pages/Dashboard/PersonReadOnly/PersonReadOnly.jsx b/src/pages/Dashboard/PersonReadOnly/PersonReadOnly.jsx
index 9d3e9e2ce..709778d74 100644
--- a/src/pages/Dashboard/PersonReadOnly/PersonReadOnly.jsx
+++ b/src/pages/Dashboard/PersonReadOnly/PersonReadOnly.jsx
@@ -94,7 +94,7 @@ function PersonReadOnly() {
           {artsDataLinkChecker(personData?.sameAs) && (
             <Col span={24}>
               <Row>
-                <Col>
+                <Col span={16}>
                   <ArtsDataInfo
                     artsDataLink={artsDataLinkChecker(personData?.sameAs)}
                     name={contentLanguageBilingual({
diff --git a/src/pages/Dashboard/PlaceReadOnly/PlaceReadOnly.jsx b/src/pages/Dashboard/PlaceReadOnly/PlaceReadOnly.jsx
index 7a190c86b..265f875a0 100644
--- a/src/pages/Dashboard/PlaceReadOnly/PlaceReadOnly.jsx
+++ b/src/pages/Dashboard/PlaceReadOnly/PlaceReadOnly.jsx
@@ -148,7 +148,7 @@ function PlaceReadOnly() {
           {artsDataLinkChecker(placeData?.sameAs) && (
             <Col span={24}>
               <Row>
-                <Col flex={'780px'}>
+                <Col span={16}>
                   <ArtsDataInfo
                     artsDataLink={artsDataLinkChecker(placeData?.sameAs)}
                     name={contentLanguageBilingual({

From 8ac572ac15e315b88a5b65e626da415b6aee3ecc Mon Sep 17 00:00:00 2001
From: Abhishek P Anil <abhishek@culturecreates.com>
Date: Tue, 25 Jul 2023 12:35:18 +0530
Subject: [PATCH 4/4] fix: added spacing for arts datalink component

---
 src/components/ArtsDataInfo/ArtsDataInfo.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ArtsDataInfo/ArtsDataInfo.jsx b/src/components/ArtsDataInfo/ArtsDataInfo.jsx
index 02b9ab608..f17769b1f 100644
--- a/src/components/ArtsDataInfo/ArtsDataInfo.jsx
+++ b/src/components/ArtsDataInfo/ArtsDataInfo.jsx
@@ -8,7 +8,7 @@ function ArtsDataInfo(props) {
   return (
     <Row className="arts-data-info" align={'middle'} justify={'space-between'}>
       <Col span={20}>
-        <Row gutter={[4, 0]} align={'middle'}>
+        <Row gutter={[8, 0]} align={'middle'}>
           <Col
             className="arts-data-title"
             onClick={() => window.open(`${artsDataLink}`, '_blank', 'noopener,noreferrer')}>