# Improve layout on small mobile devices

**URL:** <https://discourse.nodered.org/t/improve-layout-on-small-mobile-devices/76129>\
**Category:** Feature Requests\
**Created:** [5 March 2023 10:51 UTC](https://discourse.nodered.org/t/improve-layout-on-small-mobile-devices/76129 "2023-03-05T10:51:12Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![Aaroneisele55](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/aaroneisele55/32/65335_2.png) [@Aaroneisele55](https://discourse.nodered.org/u/Aaroneisele55)\
**Post date:** [5 March 2023 10:51 UTC](https://discourse.nodered.org/t/improve-layout-on-small-mobile-devices/76129/1 "2023-03-05T10:51:12Z")

</div>

Hello,  
I often use the NodeRed Editor from my android phone (6.1 inch display size) and I find it very responsive and good for small changes, but one little thing is still annoying:  
The "deploy" Button is not visible, so I have to switch to desktop mode just to deploy my changes.  
I'm using NodeRed V3.0.2.

 ![IMG_20230305_115146](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/a/8abf6c15a5e2db3503678fa1273748b18aabb7d4.jpeg)

This is how it looks for me on my phone.  
Could you please fix this?

Thanks in advance  
Aaron

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [5 March 2023 10:55 UTC](https://discourse.nodered.org/t/improve-layout-on-small-mobile-devices/76129/2 "2023-03-05T10:55:53Z")

</div>

how does it look in landscape ?

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [5 March 2023 11:07 UTC](https://discourse.nodered.org/t/improve-layout-on-small-mobile-devices/76129/3 "2023-03-05T11:07:36Z")

</div>

Looks fine in chrome android 10 and 11 node-red v 1.3x and 3.0.2

 ![chrome_screenshot_1678013998762](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/b/abb5fe99694e12ec7f6610662d635e5265293f33.png)

---

<div class="post-metadata">

**Author:** ![cymplecy](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/cymplecy/32/2773_2.png) [@cymplecy](https://discourse.nodered.org/u/cymplecy)\
**Post date:** [5 March 2023 11:14 UTC](https://discourse.nodered.org/t/improve-layout-on-small-mobile-devices/76129/4 "2023-03-05T11:14:45Z")

</div>

Yep - mine looks the same as E1cid's

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [5 March 2023 11:31 UTC](https://discourse.nodered.org/t/improve-layout-on-small-mobile-devices/76129/5 "2023-03-05T11:31:38Z")

</div>

What version of node-red are you using?

---

<div class="post-metadata">

**Author:** ![Aaroneisele55](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/aaroneisele55/32/65335_2.png) [@Aaroneisele55](https://discourse.nodered.org/u/Aaroneisele55)\
**Post date:** [5 March 2023 12:01 UTC](https://discourse.nodered.org/t/improve-layout-on-small-mobile-devices/76129/6 "2023-03-05T12:01:54Z")

</div>

I'm using the version 3.0.2 and the Opera browser to access the editor.

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [5 March 2023 12:03 UTC](https://discourse.nodered.org/t/improve-layout-on-small-mobile-devices/76129/7 "2023-03-05T12:03:34Z")

</div>

How is it in Chrome?

---

<div class="post-metadata">

**Author:** ![Aaroneisele55](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/aaroneisele55/32/65335_2.png) [@Aaroneisele55](https://discourse.nodered.org/u/Aaroneisele55)\
**Post date:** [5 March 2023 12:03 UTC](https://discourse.nodered.org/t/improve-layout-on-small-mobile-devices/76129/8 "2023-03-05T12:03:56Z")

</div>

@E1cid and @cymplecy: what screen size did you use?  
It works fine on my bigger tablet but not on the phone

---

<div class="post-metadata">

**Author:** ![Aaroneisele55](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/aaroneisele55/32/65335_2.png) [@Aaroneisele55](https://discourse.nodered.org/u/Aaroneisele55)\
**Post date:** [5 March 2023 12:07 UTC](https://discourse.nodered.org/t/improve-layout-on-small-mobile-devices/76129/9 "2023-03-05T12:07:09Z")

</div>

> [@Colin](#):
>
> How is it in Chrome?

It's the same as in Opera, also not visible unless I switch to desktop mode, which makes it basically unreadable on my small screen

---

<div class="post-metadata">

**Author:** ![Aaroneisele55](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/aaroneisele55/32/65335_2.png) [@Aaroneisele55](https://discourse.nodered.org/u/Aaroneisele55)\
**Post date:** [5 March 2023 12:08 UTC](https://discourse.nodered.org/t/improve-layout-on-small-mobile-devices/76129/10 "2023-03-05T12:08:44Z")

</div>

> [@dceejay](#):
>
> how does it look in landscape ?

The deploy button is visible but the layout is (for me) way worse than in portrait mode

---

<div class="post-metadata">

**Author:** ![cymplecy](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/cymplecy/32/2773_2.png) [@cymplecy](https://discourse.nodered.org/u/cymplecy)\
**Post date:** [5 March 2023 12:11 UTC](https://discourse.nodered.org/t/improve-layout-on-small-mobile-devices/76129/11 "2023-03-05T12:11:49Z")

</div>

6.1 inches  
I wouldn't actually even attempt to edit on my phone - I was just responding to say that the deploy button is visible on mine

---

<div class="post-metadata">

**Author:** ![Aaroneisele55](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/aaroneisele55/32/65335_2.png) [@Aaroneisele55](https://discourse.nodered.org/u/Aaroneisele55)\
**Post date:** [5 March 2023 12:16 UTC](https://discourse.nodered.org/t/improve-layout-on-small-mobile-devices/76129/12 "2023-03-05T12:16:19Z")

</div>

> [@cymplecy](#):
>
> I wouldn't actually even attempt to edit on my phone

For me, it's also kind of an "emergency solution" for things that need to be done right away, e.g lights being constantly overridden by the system and therefore are uncontrollable, or for small changes when I don't want/have the time to boot up my Laptop just to do a small modification, but it really works pretty well for what i'm using it

> [@cymplecy](#):
>
> 6.1 inches

That matches my size, and I wonder why it's different on your device than on mine.

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [5 March 2023 12:18 UTC](https://discourse.nodered.org/t/improve-layout-on-small-mobile-devices/76129/13 "2023-03-05T12:18:32Z")

</div>

screen 6x3 inches approx

---

<div class="post-metadata">

**Author:** ![Aaroneisele55](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/aaroneisele55/32/65335_2.png) [@Aaroneisele55](https://discourse.nodered.org/u/Aaroneisele55)\
**Post date:** [5 March 2023 12:19 UTC](https://discourse.nodered.org/t/improve-layout-on-small-mobile-devices/76129/14 "2023-03-05T12:19:36Z")

</div>

I've looked mine up again and I have exactly 6.22 Inches

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [4 May 2023 12:20 UTC](https://discourse.nodered.org/t/improve-layout-on-small-mobile-devices/76129/15 "2023-05-04T12:20:04Z")

</div>

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.