From c59e657fbbdb1a0a0f17a989013116458c82a3ea Mon Sep 17 00:00:00 2001
From: Ivan Starkov <istarkov@gmail.com>
Date: Fri, 23 Jun 2023 11:55:50 +0300
Subject: [PATCH] Fix flex-child ordering (#1836)

## Description

closes #1833

## Steps for reproduction

Create Flex box, add 2 boxes
Change order on any box

## Code Review

- [ ] hi @kof, I need you to do
  - conceptual review (architecture, feature-correctness)
  - detailed review (read every line)
  - test it on preview

## Before requesting a review

- [ ] made a self-review
- [ ] added inline comments where things may be not obvious (the "why",
not "what")

## Before merging

- [ ] tested locally and on preview environment (preview dev login:
5de6)
- [ ] updated [test
cases](https://github.com/webstudio-is/webstudio-builder/blob/main/apps/builder/docs/test-cases.md)
document
- [ ] added tests
- [ ] if any new env variables are added, added them to `.env.example`
and the `builder/env-check.js` if mandatory
---
 .../features/style-panel/sections/flex-child/flex-child.tsx   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/builder/app/builder/features/style-panel/sections/flex-child/flex-child.tsx b/apps/builder/app/builder/features/style-panel/sections/flex-child/flex-child.tsx
index 7137d728bd..663e6624f2 100644
--- a/apps/builder/app/builder/features/style-panel/sections/flex-child/flex-child.tsx
+++ b/apps/builder/app/builder/features/style-panel/sections/flex-child/flex-child.tsx
@@ -293,12 +293,12 @@ const FlexChildSectionOrder = (props: RenderCategoryProps) => {
           {
             child: <OrderFirstIcon />,
             label: "Make first",
-            value: "1",
+            value: "-1",
           },
           {
             child: <OrderLastIcon />,
             label: "Make last",
-            value: "-1",
+            value: "1",
           },
           {
             child: <FlexChildSectionOrderPopover {...props} />,