Fix Alignment and UI Issues in Settings Configuration Portlet

[bryanboza]

Problem Statement

The settings configuration portlet currently appears misaligned and has various UI problems, which detracts from the user experience and can lead to confusion or difficulty in managing settings. These issues need to be addressed to ensure a clean, consistent, and user-friendly interface.

Steps to Reproduce

• Log into the application with the necessary credentials.
• Navigate to the settings configuration portlet.
• Observe the alignment and UI issues, such as misaligned elements, inconsistent spacing, or other visual defects.

Acceptance Criteria

• Correct Alignment: Ensure that all elements within the settings configuration portlet are properly aligned, following the design guidelines used throughout the application.
• Consistent Spacing: Apply consistent spacing between elements to enhance readability and visual appeal.
• Responsive Design: Ensure that the portlet is responsive and displays correctly on various screen sizes and devices.

dotCMS Version

Tested on trunk // Docker // FF

Proposed Objective

Quality Assurance

Proposed Priority

Priority 2 - Important