Project

General

Profile

Actions

Todo #13159

open

Decrease distance between img-buttons in webGUI to eliminate mistake entry

Added by Sergei Shablovsky about 2 months ago. Updated about 2 months ago.

Status:
New
Priority:
Very Low
Assignee:
-
Category:
Web Interface
Target version:
-
Start date:
Due date:
% Done:

0%

Estimated time:
Plus Target Version:
Release Notes:
Default

Description

Hi, dear pfSense Dev Team!

Please, decrease distance between img-buttons in “Action” column in most webGUI pages to eliminate mistake entry, especially when pfSense remotely accessed from iPad (or any same size tablet) or 15-16-17” notebook that mostly used by SysAdmins nowadays.

Because so easy to tap on wrong image-button, so SysAdmin need constantly making pinch-in/pinch out. Very annoying design mistake...Sorry


Files

924B4760-5AB4-4D02-9016-FF9A55712CA2.png (43.5 KB) 924B4760-5AB4-4D02-9016-FF9A55712CA2.png On most of all pages, perhaps editing the CSS must easy resolving situation;) Sergei Shablovsky, 05/12/2022 09:13 PM
Actions #1

Updated by Jim Pingle about 2 months ago

  • Priority changed from Normal to Very Low
  • Target version deleted (2.7.0)

Do you mean increase? Decreasing distance would make them closer together and more likely to be hit accidentally.

Increasing the space for everyone would make the formatting a lot worse since horizontal space is already at a premium in lines like that. Seems like something that might be better handled with a new theme for that sort of use case.

Actions #2

Updated by → luckman212 about 2 months ago

I've gotten used to the pinch and zoom when doing stuff on mobile. Yes the buttons are small, but I agree with Jim - we shouldn't waste that precious hspace just for those rare cases when you're deleting a rule from your iPad etc.

A dedicated mobile-friendly theme would be great!

Actions #3

Updated by Sergei Shablovsky about 2 months ago

Jim Pingle wrote in #note-1:

Do you mean increase? Decreasing distance would make them closer together and more likely to be hit accidentally.

Of coarse, take my apologies for misstyping.

Increasing the space for everyone would make the formatting a lot worse since horizontal space is already at a premium in lines like that. Seems like something that might be better handled with a new theme for that sort of use case.

Sounds reasonable, and also better to REMOVE MARGINS ON BOTH SIDES in webGUI.

Actions #4

Updated by Sergei Shablovsky about 2 months ago

Sergei Shablovsky wrote in #note-3:

Jim Pingle wrote in #note-1:

Do you mean increase? Decreasing distance would make them closer together and more likely to be hit accidentally.

Of coarse, take my apologies for misstyping.

Increasing the space for everyone would make the formatting a lot worse since horizontal space is already at a premium in lines like that. Seems like something that might be better handled with a new theme for that sort of use case.

Sounds reasonable, and also better to REMOVE MARGINS ON BOTH SIDES in webGUI.

→ luckman212 wrote in #note-2:

I've gotten used to the pinch and zoom when doing stuff on mobile. Yes the buttons are small, but I agree with Jim - we shouldn't waste that precious hspace just for those rare cases when you're deleting a rule from your iPad etc.

A dedicated mobile-friendly theme would be great!

→ luckman212 wrote in #note-2:

I've gotten used to the pinch and zoom when doing stuff on mobile. Yes the buttons are small, but I agree with Jim - we shouldn't waste that precious hspace just for those rare cases when you're deleting a rule from your iPad etc.

That’s not a rare case. Most of time maintenance SysAdmins / NetEngeneers making from tablets or 15-16” nettops...

A dedicated mobile-friendly theme would be great!

Not agree with this: 10+ years of mobile app development show that mobile app UI usability on smartphone are VERY different from tablets and VERY different from desktop. 3 different worlds.
(This is also a main reason, why “adaptive” design of web app on mobile devices ARE WORST than native app thru API).
But with pfSense CE we just need a little tuning” of webGUI, because a lot of pages with tables with a lot of columns.

For now just REMOVE MARGINS ON BOTH SIDES in webGUI.

Actions

Also available in: Atom PDF