Exploring css radio input style:
.custom-radio-input {
width: 80%;
display: flex;
flex-direction: row;
justify-content: center;
}
.radio-block {
width: 50px;
}
Next, within the form, there are radio inputs:
<div class="custom-radio-input">
<input class="radio-block" type="radio" name="nodeType" id="topic" value="topic" > topic </input>
<input class="radio-block" type="radio" name="nodeType" id="author" value="author" > author </input>
</div>
The text 'topic' and 'author' align next to the radio inputs but seem too distant. How can I adjust their alignment for a closer appearance?