luceroweb / luceroweb/karot-saving-smart

Bug: Change margin for Expense Cards so they can fit two to a row in emulator

Open
#100 0 comments 0 reactions 1 assignee Claimed by @xmercado View on GitHub
bug Expenses
Dominant language
TypeScript
Stars
3
Forks
13
PR merge metrics
No merged PRs in 30d

Description

**Date Seen**
6/16/22

**Versions**
Android Emulator
Develop Branch

**Bug Description**
The Expense Cards are one to a row in the emulator, instead of 2 to a row as in the figma.

**Steps to Reproduce**

1. Start the app in emulator
2. Login
3. Add two expense cards
4. Note that the cards are stacked on top of each other instead of side by side

**Actual Behavior**
The expense cards appear in the Expense List in the emulator one per row instead of two per row.

**Expected Behavior**
The Expense Cards should be able to fit two per row in the emulator.

**Troubleshooting/Testing Steps Attempted**
The gap between them in the Figma appears to be 16. The margin in the container style for `ExpenseCard.tsx` is set to 15. If the margin is set to 8, then there will be 16 between the two cards and they should fit in a row of two in the emulator.

Note: It may be necessary to find a better long-term solution to make the Expense Cards properly responsive in smaller screens.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.