chore: reverted heading border changes

appsmithorg · Nov 5, 2024 · a9b10b8 · a9b10b8
1 parent aeb3804
commit a9b10b8
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 6 deletions.
diff --git a/app/client/src/components/formControls/PaginationControl.tsx b/app/client/src/components/formControls/PaginationControl.tsx
@@ -25,8 +25,6 @@ const PaginationContainer = styled.div`
   column-gap: var(--ads-v2-spaces-4);
   row-gap: var(--ads-v2-spaces-2);
   grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
-  border-top: 1px solid var(--ads-v2-color-border);
-  padding-top: var(--ads-v2-spaces-4);
 `;
 
 // using query dynamic input text for both so user can dynamically change these values.

diff --git a/app/client/src/components/formControls/SortingControl.tsx b/app/client/src/components/formControls/SortingControl.tsx
@@ -56,8 +56,6 @@ const SortingContainer = styled.div`
   display: flex;
   gap: var(--ads-v2-spaces-4);
   flex-direction: column;
-  border-top: 1px solid var(--ads-v2-color-border);
-  padding-top: var(--ads-v2-spaces-4);
 `;
 
 const SortingDropdownContainer = styled.div`

diff --git a/app/client/src/components/formControls/WhereClauseControl.tsx b/app/client/src/components/formControls/WhereClauseControl.tsx
@@ -114,10 +114,10 @@ const SecondaryBox = styled.div<{
   flex-direction: column;
   position: relative;
   border: solid 1px var(--ads-v2-color-border);
+  border-radius: var(--ads-v2-border-radius);
   border-width: ${(props) => (props?.showBorder ? "1px" : "0px")};
   padding: ${(props) =>
-    props?.showBorder ? "4px 12px 12px 8px" : "4px 0 12px 0"};
-  border-top: 1px solid var(--ads-v2-color-border);
+    props?.showBorder ? "0px 12px 12px 8px" : "4px 0px 12px 0px"};
 
   width: 100%;
   // Setting a max width to not have it really elongate on very large screens