Mobile view of the app not optimized on IPhone

[Ijoke2much]

Currently it's not possible to create a task on the phone, most of the modal when creating a task is cut off

I'm also not able to scroll in the menu to go to a different view such as matrix or inbox etc.

[syahm1007-dot]

@Ijoke2much hey I recently discovered task genius today and ran into the same issue, since my main devices I use for obsidian are my tablet and phone. I managed to fix it with this code (create a CSS snippet and paste it there, it helped fix the task creation issue I had and should fix urs too):

`/* 1. Center the entire modal wrapper */
.is-mobile .modal-container {
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 20px !important;
}

/* 2. Force the Short Height and enable internal scrolling /
.is-mobile .modal {
height: 88vh !important; / Adjust this % if you want it longer/shorter /
max-height: 567px !important;
position: relative !important;
top: 0 !important;
margin: 0 !important;
display: flex !important;
flex-direction: column !important;
overflow: visible !important; / Allows the scrollbar to function */
}

/* 3. The Magic Fix: Force the content area to scroll /
.is-mobile .modal-content {
flex: 1 1 auto !important;
overflow-y: auto !important; / Forces vertical scrollbar /
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch !important; / Smooth scrolling for mobile /
max-height: 100% !important;
padding-bottom: 30px !important; / Extra space so last item isn't cut off */
}

/* 4. Ensure the Task Genius specific properties don't stretch the box */
.is-mobile .modal-content > div {
max-width: 100% !important;
}
`

Should be good for things to fit on a phone 👍🏻