Project

General

Profile

Actions

roos-fs tasks #271

open

Active Service Detail screen Status alignment change

Added by Vadim Golub 9 months ago. Updated 5 days ago.

Status:
Closed
Priority:
Normal
Assignee:
Start date:
08/06/2025
Due date:
% Done:

0%

Estimated time:
3:00 h

Description

On the Service Details page, the status indicator (e.g., "Booked") is visually disconnected from the rest of the service metadata (title, description, price). On wide screens, the status floats far to the right, making it easy to miss and breaking the visual grouping of critical service data.




Required Implementation
The status element should be repositioned or visually restructured to maintain logical grouping and consistent readability across screen sizes.

  • Move the status to be inline with price and update date (as a third item in the row).
  • Use spacing rules or grid layout to balance it evenly with the others.

Expected Behavior

  • Status label is consistently positioned relative to main service information.
  • On all screen sizes (laptop, desktop, ultra-wide), the status remains easy to spot and logically grouped.
  • No change to actual status logic or styling, just layout/placement.
  • Responsive behavior fully supported.

Files

Actions

Also available in: Atom PDF