From 3f681c1bdee8a327f9d4d26434a82242c7a2e640 Mon Sep 17 00:00:00 2001
From: Rudhra Deep Biswas <98055396+rudeUltra@users.noreply.github.com>
Date: Thu, 21 Nov 2024 19:06:33 +0530
Subject: [PATCH] Integration and Workspace Constants Page UI Fixes (#11377)

* ui fixes ws constants and integration page

* ws const css
---
 frontend/src/ManageOrgConstants/ConstantFormStyle.scss | 2 +-
 frontend/src/ManageOrgConstants/ConstantTable.jsx      | 6 +++---
 frontend/src/ManageOrgConstants/ManageOrgConstants.jsx | 2 +-
 frontend/src/_styles/theme.scss                        | 7 ++++++-
 4 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/frontend/src/ManageOrgConstants/ConstantFormStyle.scss b/frontend/src/ManageOrgConstants/ConstantFormStyle.scss
index 2984295cfa..3390b70e8a 100644
--- a/frontend/src/ManageOrgConstants/ConstantFormStyle.scss
+++ b/frontend/src/ManageOrgConstants/ConstantFormStyle.scss
@@ -51,7 +51,7 @@
   border: 1px solid #e9ece;
   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
   overflow: hidden;
-  width: 920px;
+  // width: 920px; //Add it for EE
   height: 620px;
   padding: 20px;
   border-radius: 4px;
diff --git a/frontend/src/ManageOrgConstants/ConstantTable.jsx b/frontend/src/ManageOrgConstants/ConstantTable.jsx
index 38039a12d3..cf78cb598b 100644
--- a/frontend/src/ManageOrgConstants/ConstantTable.jsx
+++ b/frontend/src/ManageOrgConstants/ConstantTable.jsx
@@ -90,7 +90,7 @@ const ConstantTable = ({
               <tbody>
                 {constants.map((constant) => (
                   <tr key={constant.id}>
-                    <td className="p-3">
+                    <td className="p-3-constants">
                       <span
                         data-cy={`${constant.name.toLowerCase().replace(/\s+/g, '-')}-workspace-constant-name`}
                         data-tooltip-id="tooltip-for-org-constant-cell"
@@ -101,7 +101,7 @@ const ConstantTable = ({
                           : constant.name}
                       </span>
                     </td>
-                    <td className="text-muted p-3" style={{ width: '350px' }}>
+                    <td className="text-muted p-3-constants" style={{ width: '350px' }}>
                       <a
                         className="text-reset user-email"
                         data-cy={`${constant.name.toLowerCase().replace(/\s+/g, '-')}-workspace-constant-value`}
@@ -111,7 +111,7 @@ const ConstantTable = ({
                     </td>
 
                     {canUpdateDeleteConstant && (
-                      <td className="p-3">
+                      <td className="p-3-constants">
                         <div
                           style={{ display: 'flex', justifyContent: 'space-between', gap: 5 }}
                           data-cy={`${constant.name.toLowerCase().replace(/\s+/g, '-')}-workspace-constant-update`}
diff --git a/frontend/src/ManageOrgConstants/ManageOrgConstants.jsx b/frontend/src/ManageOrgConstants/ManageOrgConstants.jsx
index 3d40ce168e..29a5f229bf 100644
--- a/frontend/src/ManageOrgConstants/ManageOrgConstants.jsx
+++ b/frontend/src/ManageOrgConstants/ManageOrgConstants.jsx
@@ -445,7 +445,7 @@ const ManageOrgConstantsComponent = ({ darkMode }) => {
           <OrganizationList />
         </div>
 
-        <div className="page-wrapper mt-4">
+        <div className="page-wrapper mt-4" style={{ marginLeft: '50px' }}>
           <div className="container-xl" style={{ width: '880px' }}>
             <div className="align-items-center d-flex justify-content-between">
               <div className="tj-text-sm font-weight-500" data-cy="env-name">
diff --git a/frontend/src/_styles/theme.scss b/frontend/src/_styles/theme.scss
index 1b145788b4..07895c1392 100644
--- a/frontend/src/_styles/theme.scss
+++ b/frontend/src/_styles/theme.scss
@@ -7864,7 +7864,7 @@ tbody {
 
 .marketplace-page-sidebar {
   height: calc(100vh - 64px);
-  max-width: 288px;
+  max-width: 272px;
   background-color: var(--page-default);
   border-right: 1px solid var(--slate5) !important;
   display: grid !important;
@@ -12830,6 +12830,11 @@ color: var(--text-default);
     padding: 16px;
     padding-top: 0px;
     padding-bottom: 0px;
+
+    .p-3-constants{
+      padding: 1rem !important;
+      padding-left: 0px !important;
+    }
   }
 
   .card-footer {