event: submit

output:
## Page Feedback: /tiny-world-builder?sddasa

**Environment:**
- Viewport: 1780×1023
- URL: http://localhost:53529/tiny-world-builder?sddasa
- User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/148.0.0.0 Safari/537.36
- Timestamp: 2026-05-13T12:31:50.688Z
- Device Pixel Ratio: 2

---

### 1. button [Sign out]
**Full DOM Path:** body.tod-day > div.controls > button#auth-logout-btn
**CSS Classes:** btn, icon
**Position:** x:23, y:801 (34×34px)
**Annotation at:** 2.5% from left, 807px from top
**Computed Styles:** color: rgb(42, 39, 34); background-color: rgba(255, 255, 255, 0.55); font-size: 13px; font-weight: 500; font-family: Inter, system-ui, -apple-system, sans-serif; text-align: center; width: 34px; height: 34px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 50%; display: flex; position: relative; flex-direction: row; justify-content: center; align-items: center; opacity: 1; box-shadow: rgba(60, 40, 10, 0.04) 0px 1px 0px 0px
**Accessibility:** aria-label="Sign out", focusable
**Nearby Elements:** a.btn, button.btn, button.btn, button.btn (19 total in .controls)
**Feedback:** remove

### 2. button icon
**Full DOM Path:** body.tod-day > div.controls > button#auth-login-btn-top > svg
**Position:** x:32, y:773 (17×17px)
**Annotation at:** 2.7% from left, 773px from top
**Computed Styles:** color: rgb(42, 39, 34); border-color: rgb(42, 39, 34); font-size: 13px; font-weight: 500; font-family: Inter, system-ui, -apple-system, sans-serif; text-align: center; width: 17px; height: 17px; border: 0px none rgb(42, 39, 34); display: block; flex-direction: row; opacity: 1; overflow: hidden
**Accessibility:** aria-hidden
**Feedback:** remiove

### 3. button [My account]
**Full DOM Path:** body.tod-day > div.controls > button#account-btn
**CSS Classes:** btn, icon
**Position:** x:23, y:729 (34×34px)
**Annotation at:** 2.9% from left, 739px from top
**Computed Styles:** color: rgb(42, 39, 34); background-color: rgba(255, 255, 255, 0.55); font-size: 13px; font-weight: 500; font-family: Inter, system-ui, -apple-system, sans-serif; text-align: center; width: 34px; height: 34px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 50%; display: flex; position: relative; flex-direction: row; justify-content: center; align-items: center; opacity: 1; box-shadow: rgba(60, 40, 10, 0.04) 0px 1px 0px 0px
**Accessibility:** aria-label="My account", focusable
**Nearby Elements:** a.btn, button.btn, button.btn, button.btn (19 total in .controls)
**Feedback:** move this out and put it top left next to the title of the app that you have for some reason fucking removed without permission

### 4. button [Settings]
**Full DOM Path:** body.tod-day > div.controls > button#render-settings
**CSS Classes:** btn, icon
**Position:** x:23, y:657 (34×34px)
**Annotation at:** 2.8% from left, 669px from top
**Computed Styles:** color: rgb(42, 39, 34); background-color: rgba(255, 255, 255, 0.55); font-size: 13px; font-weight: 500; font-family: Inter, system-ui, -apple-system, sans-serif; text-align: center; width: 34px; height: 34px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 50%; display: flex; position: relative; flex-direction: row; justify-content: center; align-items: center; opacity: 1; box-shadow: rgba(60, 40, 10, 0.04) 0px 1px 0px 0px
**Accessibility:** aria-label="Settings", focusable
**Nearby Elements:** a.btn, button.btn, button.btn, button.btn (19 total in .controls)
**Feedback:** move this to the last icon in this bar

### 5. link to https://github.com/jasonkneen/
**Full DOM Path:** body.tod-day > div.controls > a#github-link
**CSS Classes:** btn, icon
**Position:** x:23, y:189 (34×34px)
**Annotation at:** 2.8% from left, 199px from top
**Computed Styles:** color: rgb(42, 39, 34); background-color: rgba(255, 255, 255, 0.55); font-size: 13px; font-weight: 500; font-family: Inter, system-ui, -apple-system, sans-serif; text-align: start; width: 34px; height: 34px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 50%; display: flex; position: relative; flex-direction: row; justify-content: center; align-items: center; opacity: 1; box-shadow: rgba(60, 40, 10, 0.04) 0px 1px 0px 0px
**Accessibility:** aria-label="View Tiny World Builder on GitHub", focusable
**Nearby Elements:** button.btn, button.btn, button.btn, button.btn (19 total in .controls)
**Feedback:** move this out and put it next to the profile icon

### 6. button icon
**Full DOM Path:** body.tod-day > div.controls > button#raise-terrain > svg
**Position:** x:32, y:341 (17×17px)
**Annotation at:** 2.2% from left, 355px from top
**Computed Styles:** color: rgb(42, 39, 34); border-color: rgb(42, 39, 34); font-size: 13px; font-weight: 500; font-family: Inter, system-ui, -apple-system, sans-serif; text-align: center; width: 17px; height: 17px; border: 0px none rgb(42, 39, 34); display: block; flex-direction: row; opacity: 1; overflow: hidden
**Accessibility:** aria-hidden
**Feedback:** remoive

### 7. button icon
**Full DOM Path:** body.tod-day > div.controls > button#lower-terrain > svg
**Position:** x:32, y:377 (17×17px)
**Annotation at:** 2.5% from left, 377px from top
**Computed Styles:** color: rgb(42, 39, 34); border-color: rgb(42, 39, 34); font-size: 13px; font-weight: 500; font-family: Inter, system-ui, -apple-system, sans-serif; text-align: center; width: 17px; height: 17px; border: 0px none rgb(42, 39, 34); display: block; flex-direction: row; opacity: 1; overflow: hidden
**Accessibility:** aria-hidden
**Feedback:** remove

### 8. button [Center on your 8 by 8 grid]
**Full DOM Path:** body.tod-day > div.controls > button#home
**CSS Classes:** btn, icon
**Position:** x:23, y:477 (34×34px)
**Annotation at:** 2.8% from left, 495px from top
**Computed Styles:** color: rgb(42, 39, 34); background-color: rgba(255, 255, 255, 0.55); font-size: 13px; font-weight: 500; font-family: Inter, system-ui, -apple-system, sans-serif; text-align: center; width: 34px; height: 34px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 50%; display: flex; position: relative; flex-direction: row; justify-content: center; align-items: center; opacity: 1; box-shadow: rgba(60, 40, 10, 0.04) 0px 1px 0px 0px
**Accessibility:** aria-label="Center on your 8 by 8 grid", focusable
**Nearby Elements:** a.btn, button.btn, button.btn, button.btn (19 total in .controls)
**Feedback:** move to top of toolbar

comment: remove

element: button [Sign out]

elementPath: .controls > #auth-logout-btn

cssClasses: btn, icon

fullPath: body.tod-day > div.controls > button#auth-logout-btn

accessibility: aria-label="Sign out", focusable

computedStyles: color: rgb(42, 39, 34); background-color: rgba(255, 255, 255, 0.55); font-size: 13px; font-weight: 500; font-family: Inter, system-ui, -apple-system, sans-serif; text-align: center; width: 34px; height: 34px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 50%; display: flex; position: relative; flex-direction: row; justify-content: center; align-items: center; opacity: 1; box-shadow: rgba(60, 40, 10, 0.04) 0px 1px 0px 0px

nearbyElements: a.btn, button.btn, button.btn, button.btn (19 total in .controls)

comment: remiove

element: button icon

elementPath: .controls > #auth-login-btn-top > svg

fullPath: body.tod-day > div.controls > button#auth-login-btn-top > svg

accessibility: aria-hidden

computedStyles: color: rgb(42, 39, 34); border-color: rgb(42, 39, 34); font-size: 13px; font-weight: 500; font-family: Inter, system-ui, -apple-system, sans-serif; text-align: center; width: 17px; height: 17px; border: 0px none rgb(42, 39, 34); display: block; flex-direction: row; opacity: 1; overflow: hidden

comment: move this out and put it top left next to the title of the app that you have for some reason fucking removed without permission

element: button [My account]

elementPath: .controls > #account-btn

fullPath: body.tod-day > div.controls > button#account-btn

accessibility: aria-label="My account", focusable

comment: move this to the last icon in this bar

element: button [Settings]

elementPath: .controls > #render-settings

fullPath: body.tod-day > div.controls > button#render-settings

accessibility: aria-label="Settings", focusable

comment: move this out and put it next to the profile icon

element: link to https://github.com/jasonkneen/

elementPath: .controls > #github-link

fullPath: body.tod-day > div.controls > a#github-link

accessibility: aria-label="View Tiny World Builder on GitHub", focusable

computedStyles: color: rgb(42, 39, 34); background-color: rgba(255, 255, 255, 0.55); font-size: 13px; font-weight: 500; font-family: Inter, system-ui, -apple-system, sans-serif; text-align: start; width: 34px; height: 34px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 50%; display: flex; position: relative; flex-direction: row; justify-content: center; align-items: center; opacity: 1; box-shadow: rgba(60, 40, 10, 0.04) 0px 1px 0px 0px

nearbyElements: button.btn, button.btn, button.btn, button.btn (19 total in .controls)

comment: remoive

elementPath: .controls > #raise-terrain > svg

fullPath: body.tod-day > div.controls > button#raise-terrain > svg

comment: remove

elementPath: .controls > #lower-terrain > svg

fullPath: body.tod-day > div.controls > button#lower-terrain > svg

comment: move to top of toolbar

element: button [Center on your 8 by 8 grid]

elementPath: .controls > #home

fullPath: body.tod-day > div.controls > button#home

accessibility: aria-label="Center on your 8 by 8 grid", focusable


comment: remove

comment: remiove

comment: move this out and put it top left next to the title of the app that you have for some reason fucking removed without permission

comment: move this to the last icon in this bar

comment: move this out and put it next to the profile icon

comment: remoive

comment: remove

comment: move to top of toolbar