edit padding in shifting board and resource board pages in mobile scr…

…een (#7449)
ohcnetwork · Mar 27, 2024 · a4e46c2 · a4e46c2
1 parent 83333fc
commit a4e46c2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/Components/Resource/ResourceBoardView.tsx b/src/Components/Resource/ResourceBoardView.tsx
@@ -87,8 +87,8 @@ export default function BoardView() {
       </div>
 
       <BadgesList {...{ appliedFilters, FilterBadges }} />
-      <ScrollingComponent className="mt-4 flex flex-1 items-start overflow-x-scroll px-4 pb-2 @container">
-        <div className="mt-4 flex flex-1 items-start overflow-x-scroll px-4 pb-2">
+      <ScrollingComponent className="mt-4 flex flex-1 items-start overflow-x-scroll px-0 pb-2 @container">
+        <div className="mt-4 flex flex-1 items-start overflow-x-scroll px-0 pb-2">
           {isLoading ? (
             <Loading />
           ) : (

diff --git a/src/Components/Shifting/BoardView.tsx b/src/Components/Shifting/BoardView.tsx
@@ -113,7 +113,7 @@ export default function BoardView() {
       isIconEnable && (
         <div
           className={`relative z-20 self-center ${
-            direction === "right" ? "-left-12" : ""
+            direction === "right" ? "-left-5" : ""
           }`}
         >
           <CareIcon
@@ -184,7 +184,7 @@ export default function BoardView() {
             <>
               {renderArrowIcons("left")}
               <div
-                className="mx-11 flex max-h-[75vh] w-full flex-row overflow-y-auto overflow-x-hidden"
+                className="mx-0 flex max-h-[75vh] w-full flex-row overflow-y-auto overflow-x-hidden"
                 ref={containerRef}
               >
                 {boardFilter.map((board) => (