From d6315fdab6d63fdf8d46d468b8bc0cb5b16a588a Mon Sep 17 00:00:00 2001
From: piyushjindal <piyushjindal@adobe.com>
Date: Fri, 24 May 2024 13:08:58 +0530
Subject: [PATCH] Review comment changes

---
 .../agent-transactions.css}                   | 75 ++++++++++---------
 .../agent-transactions.js}                    |  0
 2 files changed, 40 insertions(+), 35 deletions(-)
 rename blocks/{transactions/transactions.css => agent-transactions/agent-transactions.css} (58%)
 rename blocks/{transactions/transactions.js => agent-transactions/agent-transactions.js} (100%)

diff --git a/blocks/transactions/transactions.css b/blocks/agent-transactions/agent-transactions.css
similarity index 58%
rename from blocks/transactions/transactions.css
rename to blocks/agent-transactions/agent-transactions.css
index 31d90bcb..061fc67c 100644
--- a/blocks/transactions/transactions.css
+++ b/blocks/agent-transactions/agent-transactions.css
@@ -1,11 +1,11 @@
-.transactions table {
+.agent-transactions.block table {
   width: 100%;
   font-size: var(--body-font-size-s);
   line-height: var(--line-height-m);
   margin-bottom: 0.25rem;
 }
 
-.transactions h1 {
+.agent-transactions.block h1 {
   font-size: var(--heading-font-size-l);
   line-height: var(--line-height-s);
   color: var(--primary-color);
@@ -13,37 +13,37 @@
   font-weight: 600;
 }
 
-.transactions .hide {
+.agent-transactions.block .hide {
   display: none;
 }
 
-.transactions .show {
+.agent-transactions.block .show {
   display: table-row;
 }
 
-.transactions thead {
-  background: #eae9e9;
+.agent-transactions.block thead {
+  background: var(--platinum);
   font-size: var(--body-font-size-xs);
   line-height: var(--line-height-m);
   font-weight: var(--font-weight-bold);
   text-transform: capitalize;
 }
 
-.transactions tbody td {
+.agent-transactions.block tbody td {
   padding-bottom: 0.5rem;
   padding-top: 0.25rem;
   font-size: var(--body-font-size-xs);
 }
 
-.transactions a {
+.agent-transactions.block a {
   line-height: var(--line-height-m);
-  letter-spacing: 1.4px;
+  letter-spacing: var(--letter-spacing-m);
   text-transform: uppercase;
   padding-left: 1rem;
   cursor: pointer;
 }
 
-.transactions a.show-more::after {
+.agent-transactions.block a.show-more::after {
   content: "View More";
   display: inline-block;
   background-image: url("../../icons/arrow-down.svg");
@@ -54,7 +54,7 @@
   font-weight: var(--font-weight-bold);
 }
 
-.transactions a.show-less::after {
+.agent-transactions.block a.show-less::after {
   content: "View Less";
   display: inline-block;
   background-image: url("../../icons/arrow-up.svg");
@@ -65,88 +65,93 @@
   font-weight: var(--font-weight-bold);
 }
 
-.transactions thead th {
+.agent-transactions.block thead th {
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
 }
 
-.transactions thead th:first-of-type {
+.agent-transactions.block thead th:first-of-type {
   padding-left: 1rem;
 }
 
-.transactions tbody td:first-of-type {
+.agent-transactions.block tbody td:first-of-type {
   padding-left: 1rem;
 }
 
-.transactions .default {
+.agent-transactions.block .default {
   display: table-cell;
 }
 
-.transactions .medium,
-.transactions .large,
-.transactions .xl {
+.agent-transactions.block .medium,
+.agent-transactions.block .large,
+.agent-transactions.block .xl {
   display: none;
 }
 
-.transactions .sold-price {
+.agent-transactions.block .sold-price {
   width: 40%;
 }
 
 @media (min-width: 600px) {
-  .transactions h1 {
-    font-size: 1.875rem;
-  }
-
-  .transactions .medium {
+  .agent-transactions.block .medium {
     display: table-cell;
   }
 
-  .transactions .address {
+  .agent-transactions.block .address {
     width: 48.7%;
   }
 
-  .transactions .city {
+  .agent-transactions.block .city {
     width: 24.5%;
   }
 
-  .transactions .state {
+  .agent-transactions.block .state {
     width: 7.4%;
   }
 
-  .transactions .sold-price {
+  .agent-transactions.block .sold-price {
     width: 40%;
   }
 }
 
 @media (min-width: 992px) {
-  .transactions thead {
+  .agent-transactions.block h1 {
+    font-size: 1.875rem;
+  }
+
+  .agent-transactions.block thead {
     font-size: var(--body-font-size-s);
   }
 
-  .transactions tbody td {
+  .agent-transactions.block tbody td {
     font-size: var(--body-font-size-s);
     padding-top: 0.5rem;
   }
 
-  .transactions .large {
+  .agent-transactions.block .large {
     display: table-cell;
   }
 
-  .transactions .address {
+  .agent-transactions.block .address {
     width: auto;
   }
 
-  .transactions .city {
+  .agent-transactions.block .city {
     width: 15%;
   }
 
-  .transactions .sold-price {
+  .agent-transactions.block .sold-price {
     width: 13%;
   }
 }
 
 @media (min-width: 1200px) {
-  .transactions .xl {
+  .agent-transactions.block .xl {
     display: table-cell;
   }
+
+  .agent-transactions.block .beds,
+  .agent-transactions.block .baths {
+    width: 5%;
+  }
 }
diff --git a/blocks/transactions/transactions.js b/blocks/agent-transactions/agent-transactions.js
similarity index 100%
rename from blocks/transactions/transactions.js
rename to blocks/agent-transactions/agent-transactions.js