chore: worked on making issue list padding consistent (#850)

apps/app/components/core/issues-view.tsx

@@ -388,9 +388,16 @@ export const IssuesView: React.FC<Props> = ({
         handleClose={() => setTransferIssuesModal(false)}
         isOpen={transferIssuesModal}
       />
-      <div className="flex items-center justify-between gap-2 -mt-2">
+      {issueView !== "calendar" && (
+        <div>
+          <div
+            className={`flex items-center justify-between gap-2 ${
+              issueView === "list" ? "px-8 mt-6" : "-mt-2"
+            }`}
+          >
             <FilterList filters={filters} setFilters={setFilters} />
-        {Object.keys(filters).length > 0 && nullFilters.length !== Object.keys(filters).length && (
+            {Object.keys(filters).length > 0 &&
+              nullFilters.length !== Object.keys(filters).length && (
                 <PrimaryButton
                   onClick={() => {
                     if (viewId) {
@@ -412,11 +419,12 @@ export const IssuesView: React.FC<Props> = ({
                 </PrimaryButton>
               )}
           </div>
-
+          {Object.keys(filters).length > 0 &&
-      {Object.keys(filters).length > 0 && nullFilters.length !== Object.keys(filters).length && (
+            nullFilters.length !== Object.keys(filters).length && (
-        <div className="my-4 border-t" />
+              <div className={` ${issueView === "list" ? "mt-4" : "my-4"} border-t`} />
+            )}
+        </div>
       )}
-
       <DragDropContext onDragEnd={handleOnDragEnd}>
         <StrictModeDroppable droppableId="trashBox">
           {(provided, snapshot) => (

apps/app/components/core/list-view/all-lists.tsx

@@ -36,7 +36,7 @@ export const AllLists: React.FC<Props> = ({
   return (
     <>
       {groupedByIssues && (
-        <div className="flex flex-col space-y-5 gap-4 bg-white">
+        <div className="flex flex-col space-y-5 bg-white">
           {Object.keys(groupedByIssues).map((singleGroup) => {
             const currentState =
               selectedGroup === "state" ? states?.find((s) => s.id === singleGroup) : null;

apps/app/components/core/list-view/single-issue.tsx

@@ -216,9 +216,9 @@ export const SingleListIssue: React.FC<Props> = ({
           </ContextMenu.Item>
         </a>
       </ContextMenu>
-      <div className="border-b mx-4 border-gray-300 last:border-b-0">
+      <div className="border-b mx-6 border-gray-300 last:border-b-0">
         <div
-          className="flex items-center justify-between gap-2 px-4 py-3"
+          className="flex items-center justify-between gap-2  py-3"
           onContextMenu={(e) => {
             e.preventDefault();
             setContextMenu(true);