Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion frontend/src/components/form/form.js
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,8 @@ function Form({ setSelectform, selectform }) {
}
else if (data === undefined || data.length === 0) {
return (
<div className="sub"><h1 style={{"display":"inline","margin":"10px"}}>Create Form</h1>{console.log("nodata")}
<div className="sub"><h1 style={{"display":"inline","margin":"10px"}}>Create Form</h1>

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

Applying a vertical margin to an element with display: inline does not work as expected in CSS, because vertical margins (top and bottom) are ignored on non-replaced inline elements. To ensure the 10px margin is applied correctly on all sides, consider changing the display property to inline-block.

Suggested change
<div className="sub"><h1 style={{"display":"inline","margin":"10px"}}>Create Form</h1>
<div className="sub"><h1 style={{"display":"inline-block","margin":"10px"}}>Create Form</h1>

<div>No forms are available yet. Create a form to get started.</div>
<Link to="create">
<Addform/>
</Link>
Expand Down