1
0
Fork 0

change to description list; change h3 to h2

This commit is contained in:
ChaotiCryptidz 2022-06-02 19:28:51 +01:00
parent 0948854b57
commit 86dba58bd2
No known key found for this signature in database
3 changed files with 5 additions and 5 deletions

View file

@ -8,7 +8,7 @@ export const FoodItemsContainer = (props: {
}): JSX.Element => { }): JSX.Element => {
return ( return (
<div> <div>
<h3>{props.title}</h3> <h2>{props.title}</h2>
{props.extra && <p>{props.extra}</p>} {props.extra && <p>{props.extra}</p>}
<div class="list-group" role="list"> <div class="list-group" role="list">
{props.children} {props.children}
@ -64,8 +64,8 @@ export class AdvancedFoodItem extends Component<FoodItemProps & { extra: string
return ( return (
<HideIfFoodExcluded {...this.props}> <HideIfFoodExcluded {...this.props}>
<div class="list-group-item" role="listitem"> <div class="list-group-item" role="listitem">
<p class="mb-1 h5">{this.props.title}</p> <dt class="mb-1 h5">{this.props.title}</dt>
<p class="mb-1">{this.props.extra}</p> <dd class="mb-1">{this.props.extra}</dd>
</div> </div>
</HideIfFoodExcluded> </HideIfFoodExcluded>
) )

View file

@ -103,7 +103,7 @@ export class FoodTypeToggles extends Component<{
render(): JSX.Element { render(): JSX.Element {
return ( return (
<div> <div>
<h3>Toggles</h3> <h2>Toggles</h2>
<div> <div>
<p>Broad Toggles</p> <p>Broad Toggles</p>
<ToggleableBox <ToggleableBox

View file

@ -35,7 +35,7 @@ export class SettingsBlock extends Component {
render() { render() {
return <div> return <div>
<h3>Settings</h3> <h2>Settings</h2>
<div class="form-group"> <div class="form-group">
<label for="fontSettingSelect">Font</label> <label for="fontSettingSelect">Font</label>
<select ref={this.fontSettingSelectRef} class="form-control" id="fontSettingSelect" onChange={() => this.onFontChange()}> <select ref={this.fontSettingSelectRef} class="form-control" id="fontSettingSelect" onChange={() => this.onFontChange()}>