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

New issue

Closed

opened 2026-02-26 12:40:27 +03:00 by kerem · 0 comments

kerem commented

2026-02-26 12:40:27 +03:00

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: development ← Head: 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>