Project

General

Profile

Edit Copy Actions

Feature #11332

open

Add sorting labels for all tables as like companies menu option and fix the UI alignments with mobile responsive

Added by Yalavarthi Thriveni 28 days ago. Updated 24 days ago.

Status:
In Progress
Priority:
Normal
Start date:
10/09/2026
Due date:
% Done:

0%

Estimated time:
4:00 h
Spent time:

Add

Subtasks


Add

Related issues

Actions #1

Updated by Yalavarthi Thriveni 27 days ago

  • Subject changed from UI upgradation in login page of super admin portal http://connect.localhost:5180/ to Add sorting labels for all tables as like companies menu option and fix the UI alignments with mobile responsive
  • Estimated time changed from 2:00 h to 4:00 h
Actions #2

Updated by Sowjanya atthota 26 days ago

  • Status changed from New to In Progress

Updated by Sowjanya atthota 26 days ago

  • Start date changed from 10/05/2026 to 10/06/2026

Completed sorting for all pages.

Checked and updated UI background colors.

Fixed floating label alignment.

Created a common reusable component.

Applied the reusable component where required.

Actions #4

Updated by Sowjanya atthota 26 days ago

  • Start date changed from 10/06/2026 to 10/07/2026

Updated by Sowjanya atthota 25 days ago

I have created a reusable ActionIconButton component for the action icons used in project
Changed "Refresh" text buttons to refresh icons on Tickets and Onboarding.
Mobile calendar: now shows 2 months stacked instead of 1, and opens below the date field instead of as a popup over the page.
Made all filter controls the same height (search, dropdowns, date range, refresh, download) using a shared size setting.
Reduced action icon size in tables and fixed icons overlapping the Status column.
Fixed search box on Subscription Plans page stretching to a huge height.
Fixed Status and Action columns not showing on Invoices, Tickets and Onboarding tables.
Fixed Status/Actions column heading alignment on Subscription Plans table.
Mobile: search box now full width on all list pages.
Mobile: page heading buttons no longer squeeze the title (SaaS Plans, Invoices).
Mobile: Companies toolbar rearranged — download button moved beside the search box.
Mobile: "Add Tenant" and "Add staff" buttons made smaller and right-aligned.
Mobile: Invoices and Tickets header buttons placed side by side.
Mobile: Status + Priority (Tickets) and Role + Status (Platform staff) placed side by side.
Mobile: Onboarding refresh icon moved beside the Status dropdown.
Mobile: date filter options changed from 2 columns to 3 columns (5 rows down to 3).
Modules cards: reduced spacing inside the cards.

Updated by Sowjanya atthota 24 days ago

  • Start date changed from 10/07/2026 to 10/08/2026

Built reusable Button and IconButton components, installed clsx + tailwind-merge to support them, and deleted a lot of old CSS those components now replace. Rebuilt the Company Details page.
Made the invoice table sortable — by ID, amount, and date.
Converted Tickets, Onboarding Queue, Platform Staff, and Create Invoices from old inline styles to Tailwind classes. Also added PDF export to the Tickets page.
Added shared reusable UI components (Button, IconButton, BackButton).
Implemented responsive filter toolbars and mobile view layouts (filter-toolbar.css).
Standardized heights and styles for search, filter select, date picker, and action buttons.
Implemented column sorting and updated table UI in Company Details Page.
Overhauled UI and table styling in Tickets Page.
Refined UI layout and table views in Create Invoices Page.
Updated layout and navigation for SaaS Plans Page.
Enhanced Tenant Access Page, Platform Staff Page, and Onboarding Queue.
Resolved UI layout bugs and frontend build issues.
Standardized all Cancel and Back buttons to a consistent brown secondary color across the entire application.
Redesigned the Role Screen Map into modern pill tabs showing live screen count badges.
Added instant search and category filtering for role-assigned screens.
Converted the screen list into a responsive 3-column card grid with clickable route links and summaries.
Upgraded the Action Audit Log / History modal to a clean vertical timeline with milestone markers.
Added a dedicated empty state message and icon when no action history is available.
Cleaned up dropdown menus by removing visible scrollbars for a smoother look.
Fixed invoice form layout markup and structure.
SaaS Plans page. But a merge right before it deleted the same 5 lines you added. Worth checking whether your fix is still there.

Updated by Sowjanya atthota 24 days ago

  • Start date changed from 10/08/2026 to 10/09/2026

Updated the Platform Owner UI by improving screen titles, descriptions, search placeholders, and filter labels for a cleaner and more user-friendly interface.
Removed unused broken icon imports that were blocking the build.
Arranged the overview summary cards side-by-side in two columns on mobile.
Made the filter action bar adapt cleanly to mobile screens.
Made the Status dropdown take full width on mobile.
Made the Refresh button take full width on mobile.
Added horizontal scrolling to tables so data does not get cut off on mobile screens.
Redesigned the mobile date picker box into a form input style.
Added a floating green "Date Range" label on the top border of the date picker on mobile.
Removed the duplicate "Date Range" heading text from the dashboard.
Removed unwanted white space below the date filter on the dashboard.

Edit Copy Actions

Also available in: Atom PDF