[PR #35] [MERGED] refactor: improve button layout and UI organization #125

Closed
opened 2025-11-20 04:12:57 -05:00 by saavagebueno · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/community-scripts/ProxmoxVE-Local/pull/35
Author: @michelroegl-brunner
Created: 10/6/2025
Status: Merged
Merged: 10/6/2025
Merged by: @michelroegl-brunner

Base: developmentHead: chore/ui-fixes


📝 Commits (1)

  • 3138a55 feat: improve button layout and UI organization

📊 Changes

64 files changed (+1376 additions, -733 deletions)

View changed files

📝 scripts/json/2fauth.json (+1 -1)
📝 scripts/json/actualbudget.json (+1 -1)
📝 scripts/json/add-iptag.json (+1 -1)
📝 scripts/json/adguard.json (+2 -2)
📝 scripts/json/adventurelog.json (+1 -1)
📝 scripts/json/apache-guacamole.json (+1 -1)
📝 scripts/json/booklore.json (+1 -1)
📝 scripts/json/caddy.json (+13 -2)
📝 scripts/json/clean-lxcs.json (+1 -1)
📝 scripts/json/clean-orphaned-lvm.json (+1 -1)
📝 scripts/json/cloudflared.json (+1 -1)
📝 scripts/json/cockpit.json (+1 -1)
📝 scripts/json/cosmos.json (+6 -1)
📝 scripts/json/cron-update-lxcs.json (+2 -2)
📝 scripts/json/debian.json (+1 -1)
📝 scripts/json/elementsynapse.json (+4 -0)
📝 scripts/json/fstrim.json (+1 -1)
scripts/json/ghostfolio.json (+52 -0)
scripts/json/globaleaks.json (+35 -0)
scripts/json/goaway.json (+40 -0)

...and 44 more files

📄 Description

Description

This PR improves the button layout and overall UI organization of the main page controls. Also resync json files

Changes Made

  • Reorganized control buttons into a structured container with proper spacing and visual hierarchy
  • Added responsive design that works well on both mobile and desktop layouts
  • Improved component structure for both SettingsButton and ResyncButton components
  • Enhanced visual design with better typography, spacing, and a container with shadow/border
  • Made layout responsive using proper flexbox arrangements

UI Improvements

  • Control buttons are now properly grouped in a container with background and border
  • Better spacing and alignment between elements
  • Responsive layout that stacks vertically on mobile and arranges horizontally on desktop
  • Improved text hierarchy and contrast
  • More professional and clean appearance

Testing

  • Layout works on mobile devices
  • Layout works on desktop screens
  • Dark mode compatibility maintained
  • All existing functionality preserved

Screenshots

The buttons now have a much cleaner, more organized appearance with proper spacing and visual grouping.


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/community-scripts/ProxmoxVE-Local/pull/35 **Author:** [@michelroegl-brunner](https://github.com/michelroegl-brunner) **Created:** 10/6/2025 **Status:** ✅ Merged **Merged:** 10/6/2025 **Merged by:** [@michelroegl-brunner](https://github.com/michelroegl-brunner) **Base:** `development` ← **Head:** `chore/ui-fixes` --- ### 📝 Commits (1) - [`3138a55`](https://github.com/community-scripts/ProxmoxVE-Local/commit/3138a55466c0eecb370bd87d15fa6e143058f736) feat: improve button layout and UI organization ### 📊 Changes **64 files changed** (+1376 additions, -733 deletions) <details> <summary>View changed files</summary> 📝 `scripts/json/2fauth.json` (+1 -1) 📝 `scripts/json/actualbudget.json` (+1 -1) 📝 `scripts/json/add-iptag.json` (+1 -1) 📝 `scripts/json/adguard.json` (+2 -2) 📝 `scripts/json/adventurelog.json` (+1 -1) 📝 `scripts/json/apache-guacamole.json` (+1 -1) 📝 `scripts/json/booklore.json` (+1 -1) 📝 `scripts/json/caddy.json` (+13 -2) 📝 `scripts/json/clean-lxcs.json` (+1 -1) 📝 `scripts/json/clean-orphaned-lvm.json` (+1 -1) 📝 `scripts/json/cloudflared.json` (+1 -1) 📝 `scripts/json/cockpit.json` (+1 -1) 📝 `scripts/json/cosmos.json` (+6 -1) 📝 `scripts/json/cron-update-lxcs.json` (+2 -2) 📝 `scripts/json/debian.json` (+1 -1) 📝 `scripts/json/elementsynapse.json` (+4 -0) 📝 `scripts/json/fstrim.json` (+1 -1) ➕ `scripts/json/ghostfolio.json` (+52 -0) ➕ `scripts/json/globaleaks.json` (+35 -0) ➕ `scripts/json/goaway.json` (+40 -0) _...and 44 more files_ </details> ### 📄 Description ## Description This PR improves the button layout and overall UI organization of the main page controls. Also resync json files ## Changes Made - **Reorganized control buttons** into a structured container with proper spacing and visual hierarchy - **Added responsive design** that works well on both mobile and desktop layouts - **Improved component structure** for both SettingsButton and ResyncButton components - **Enhanced visual design** with better typography, spacing, and a container with shadow/border - **Made layout responsive** using proper flexbox arrangements ## UI Improvements - Control buttons are now properly grouped in a container with background and border - Better spacing and alignment between elements - Responsive layout that stacks vertically on mobile and arranges horizontally on desktop - Improved text hierarchy and contrast - More professional and clean appearance ## Testing - Layout works on mobile devices - Layout works on desktop screens - Dark mode compatibility maintained - All existing functionality preserved ## Screenshots The buttons now have a much cleaner, more organized appearance with proper spacing and visual grouping. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
saavagebueno added the pull-request label 2025-11-20 04:12:57 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: SVI/ProxmoxVE-Local#125