Civictheme Webform Radio and Checkbox Alignment

Created on 20 March 2024, 3 months ago
Updated 11 April 2024, 3 months ago

Problem/Motivation

The alignment of radio and checkbox elements within webforms using Civictheme appears to be misaligned. Instead of being displayed inline with their corresponding labels, these elements seem to be misaligned, causing a discrepancy in the layout. This issue undermines the visual consistency and usability of webforms created with Civictheme.

Steps to reproduce

  1. Visit a webpage utilizing Civictheme, containing a webform with radio or checkbox elements.
  2. Observe the layout of the radio and checkbox elements in relation to their labels.
  3. Notice that the radio and checkbox elements are not properly aligned with their labels.

Expected outcome

The radio and checkbox elements within the webform should align horizontally with their corresponding labels, ensuring a cohesive and intuitive layout. Users should be able to interact with these elements seamlessly, enhancing the overall user experience of the webform.

Additional Details

This issue can be observed on the Civictheme demo website at https://www.civictheme.io/subscribe.

🐛 Bug report
Status

Active

Version

1.6

Component

Code

Created by

🇮🇳India joshua1234511 Goa

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.69.0 2024