UI: Tables: Remove border from all Tables

[MitchellTCG]

Business Reason

As the principal UX, I would like all borders removed from all tables to more easily read data.

Acceptance Criteria

Remove the following:

Inside the .card class

{—bs-card-border-width: var(--bs-border-width); --bs-card-border-color: var(--bs-border-color-translucent); --bs-card-border-radius: var(--bs-border-radius)}

• On the Manage reports table
• On the Manage contacts table
• On the transaction in this report table
• On the Guarantors table

Remove the following:

Inside the .p-card class

{box-shadow: inset 0 0 0 15px #0000000f;}

Inside the .p-card .p-card-body classes

{padding: 1.5 rem}

• On the Manage Users table

1. Current State for Manage reports, Manage contacts, Transactions in this report, and Guarantors

   

2. Current state for Manage users

   

3. Ideal state

   

QA Notes

• BA/Design Quality Checklist complete

DEV Notes

Wireframes

Design

null

FECFILE-405

[mjtravers]

Passes CR. Sending to QA.

[WiseQA]

QA review verified borders were removed from tables:

• On the Manage reports table
• On the Manage contacts table
• On the transaction in this report table
• On the Guarantors table

Below screenshots are showing a few of the tables changed.

---

Manage reports

---

Manage contacts

---

Manage users

---

QA Review Completed. Moved to Stage Ready.