Skip to content

Conversation

Copy link
Contributor

Copilot AI commented Dec 20, 2025

Description

The archived warning box appeared below the title, making it ambiguous whether it was part of the rule content. Moved it above the title to establish clear visual hierarchy.

Changes:

  • app/[filename]/ServerRulePage.tsx - Repositioned archived box before title section, adjusted margin from mt-8 to mb-8
  • components/rule-list/rule-list-item.tsx - Repositioned archived box before RuleListItemHeader, adjusted margin from my-4 to mb-4

Result:

// Before: Title → Archived Box → Content
// After:  Archived Box → Title → Content

Both individual rule pages and rule list views now consistently show the archived warning at the top.

Screenshot (optional)

Screenshot requires running dev server with an archived rule to demonstrate visual change

Original prompt

This section details on the original issue you should resolve

<issue_title>✨ UI Adjustment - Move Archived Box Above Title</issue_title>
<issue_description>Requested by: @tiagov8 via YakShaver.ai 🦬
cc: @tiagov8, @Marxoz, @PothieuG, @Freego1783 @adamcogan @Aibono1225

Hi Team!

  🟥  Watch the video (44 sec)

  Url from screen share: https://www.ssw.com.au/rules/use-css-class-form-horizontal-to-arrange-fields-and-labels

Pain

Move the archived 'Rules' box above the title to ensure it is not mistaken as part of the content.

Acceptance Criteria

  1. The archived 'Rules' box is positioned above the title.
  2. The UI clearly distinguishes the archived box from the content.
  3. The change is consistent across all instances where the archived 'Rules' box appears.

Screenshot

Screenshot
Figure: Box position should be above the title</issue_description>

<agent_instructions>Move the archived message component above the title on the Rule page</agent_instructions>

Comments on the Issue (you are @copilot in this section)


✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

Copilot AI changed the title [WIP] Move archived box above title in UI Move archived box above title on Rule pages Dec 20, 2025
Copilot AI requested a review from jakebayliss December 20, 2025 00:53
@amankumarrr amankumarrr marked this pull request as ready for review December 23, 2025 02:30
@amankumarrr amankumarrr merged commit 31a06ba into main Dec 23, 2025
1 check passed
@amankumarrr amankumarrr deleted the copilot/move-archived-box-above-title branch December 23, 2025 02:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

✨ UI Adjustment - Move Archived Box Above Title

4 participants