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

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

@@ -388,35 +388,43 @@ export const IssuesView: React.FC<Props> = ({
         handleClose={() => setTransferIssuesModal(false)}
         isOpen={transferIssuesModal}
       />
-      <div className="flex items-center justify-between gap-2 -mt-2">
+      {issueView !== "calendar" && (
-        <FilterList filters={filters} setFilters={setFilters} />
+        <div>
-        {Object.keys(filters).length > 0 && nullFilters.length !== Object.keys(filters).length && (
+          <div
-          <PrimaryButton
+            className={`flex items-center justify-between gap-2 ${
-            onClick={() => {
+              issueView === "list" ? "px-8 mt-6" : "-mt-2"
-              if (viewId) {
+            }`}
-                setFilters({}, true);
-                setToastAlert({
-                  title: "View updated",
-                  message: "Your view has been updated",
-                  type: "success",
-                });
-              } else
-                setCreateViewModal({
-                  query: filters,
-                });
-            }}
-            className="flex items-center gap-2 text-sm"
           >
-            {!viewId && <PlusIcon className="h-4 w-4" />}
+            <FilterList filters={filters} setFilters={setFilters} />
-            {viewId ? "Update" : "Save"} view
+            {Object.keys(filters).length > 0 &&
-          </PrimaryButton>
+              nullFilters.length !== Object.keys(filters).length && (
-        )}
+                <PrimaryButton
-      </div>
+                  onClick={() => {
-
+                    if (viewId) {
-      {Object.keys(filters).length > 0 && nullFilters.length !== Object.keys(filters).length && (
+                      setFilters({}, true);
-        <div className="my-4 border-t" />
+                      setToastAlert({
+                        title: "View updated",
+                        message: "Your view has been updated",
+                        type: "success",
+                      });
+                    } else
+                      setCreateViewModal({
+                        query: filters,
+                      });
+                  }}
+                  className="flex items-center gap-2 text-sm"
+                >
+                  {!viewId && <PlusIcon className="h-4 w-4" />}
+                  {viewId ? "Update" : "Save"} view
+                </PrimaryButton>
+              )}
+          </div>
+          {Object.keys(filters).length > 0 &&
+            nullFilters.length !== Object.keys(filters).length && (
+              <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);