Project

General

Profile

Edit Copy Actions
Copy link

Bug #7498

closed

Bug #7492: Defects on Mobile Responsiveness & UI Alignment issues

Request page Alignment & mobile responsiveness issues

Added by Yalavarthi Thriveni about 1 month ago. Updated about 1 month ago.

Status:
Closed
Priority:
Normal
Assignee:
Ajit A
Target version:
-
Start date:
02/05/2026
Due date:
% Done:

100%

Estimated time:
2:00 h
Spent time:
2:00 h
Tested Date:
02/05/2026
Raised by Tester:
Quote

Description

1.Maintiain a gap between the stat cards & reduce the green color
2.Use pagination as common in all the pages with proper consistence UI
3.Show + in replace of create customer & give proper width to the request select box
4.Check all input & select boxes alignments in the create & edit request pages

Files

Edit attached files Download all files
clipboard-202602051544-rsojz.png (29.6 KB) clipboard-202602051544-rsojz.png Yalavarthi Thriveni, 02/05/2026 10:15 AM Delete
clipboard-202602051545-6krcd.png (1.98 KB) clipboard-202602051545-6krcd.png Yalavarthi Thriveni, 02/05/2026 10:16 AM Delete
clipboard-202602051553-v4pfw.png (25.2 KB) clipboard-202602051553-v4pfw.png Yalavarthi Thriveni, 02/05/2026 10:23 AM Delete
Add

Subtasks

Add

Related issues

QuoteActions
Copy link
 #1

Updated by Ajit A about 1 month ago

  • Status changed from New to In Progress
  • Estimated time set to 2:00 h

started

QuoteActions
Copy link
 #2

Updated by Ajit A about 1 month ago

  • Status changed from In Progress to Closed
  • % Done changed from 0 to 100

Frontend Changes Summary
UI/UX and responsive design updates:
Responsive design improvements across request, client, and dashboard components
Mobile-first pagination controls with reordered layout (page number, pagination, rows per page on mobile)
Responsive typography using clamp() for scalable font sizes
Improved spacing and layout with responsive padding/margins
Theme and styling consistency:
Updated status colors in Tailwind config to match theme primary color (#7FC200)
Replaced hardcoded green colors with theme primary colors across components
Standardized status badge styling using primaryLight/primaryDark classes
Updated table components for consistent color usage
Component-specific enhancements:
RequestDetail: Responsive action history with improved mobile layout
SiteVisitForm: Mobile-responsive form layout with improved field organization
CreateorEditRequest: Enhanced template autocomplete with mobile-optimized dropdown and improved option rendering
ClientDetails: Responsive header layout and improved status badge display
Other changes:
Removed sonar-project.properties configuration file
Minor styling adjustments across multiple table components

Edit Copy Actions
Copy link

Also available in: Atom PDF