From 5c147350eaafe5e32c731e187a1f907d1db93bad Mon Sep 17 00:00:00 2001
From: Daniel Vigaru <22689627+danielvigaru@users.noreply.github.com>
Date: Sun, 2 Feb 2025 01:20:21 +0200
Subject: fix(mobile): margin for "Lists" tab content (#927)

* fix: left margin for list items

* refactor: move type into func definition

* fix: missing return type

Co-authored-by: Joseph Chambers <5374985+imcodingideas@users.noreply.github.com>

* style: remove trailing space

---------

Co-authored-by: Joseph Chambers <5374985+imcodingideas@users.noreply.github.com>
---
 apps/mobile/app/dashboard/(tabs)/lists.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'apps/mobile/app/dashboard/(tabs)/lists.tsx')

diff --git a/apps/mobile/app/dashboard/(tabs)/lists.tsx b/apps/mobile/app/dashboard/(tabs)/lists.tsx
index 9cc49cd4..0dae3ea7 100644
--- a/apps/mobile/app/dashboard/(tabs)/lists.tsx
+++ b/apps/mobile/app/dashboard/(tabs)/lists.tsx
@@ -8,6 +8,7 @@ import CustomSafeAreaView from "@/components/ui/CustomSafeAreaView";
 import FullPageSpinner from "@/components/ui/FullPageSpinner";
 import PageTitle from "@/components/ui/PageTitle";
 import { api } from "@/lib/trpc";
+import { condProps } from "@/lib/utils";
 import { ChevronRight, Plus } from "lucide-react-native";
 
 import { useBookmarkLists } from "@hoarder/shared-react/hooks/lists";
@@ -130,7 +131,10 @@ export default function Lists() {
         renderItem={(l) => (
           <View
             className="mx-2 flex flex-row items-center rounded-xl border border-input bg-white px-4 py-2 dark:bg-accent"
-            style={{ marginLeft: l.item.level * 20 }}
+            style={condProps({
+              condition: l.item.level > 0,
+              props: { marginLeft: l.item.level * 20 },
+            })}
           >
             {l.item.numChildren > 0 && (
               <Pressable
-- 
cgit v1.2.3-70-g09d2

