caret squishing problem

This commit is contained in:
adueck 2022-10-24 16:19:21 +05:00
parent cf8591de13
commit d3669ad694
2 changed files with 4 additions and 2 deletions

View File

@ -54,7 +54,9 @@ function Hider(props: {
), ),
}, },
<div className="d-flex flex-row align-items-center"> <div className="d-flex flex-row align-items-center">
<div style={{ width: "1rem" }}>
{props.showing ? caretDown : caretRight} {props.showing ? caretDown : caretRight}
</div>
{` `} {` `}
{props.aspect {props.aspect
? <i className={`fas fa-${props.aspect === "imperfective" ? "video" : "camera"}`} /> ? <i className={`fas fa-${props.aspect === "imperfective" ? "video" : "camera"}`} />

View File

@ -41,7 +41,7 @@ function SpellingDemo({ opts, onChange }: {
opts: T.TextOptions, opts: T.TextOptions,
onChange: (opts: T.TextOptions) => void, onChange: (opts: T.TextOptions) => void,
}) { }) {
return <div style={{ marginBottom: "100px" }}> return <div className="mt-3" style={{ marginBottom: "100px" }}>
<ul> <ul>
<li>Converts text between Afghan and Pakistani spelling conventions</li> <li>Converts text between Afghan and Pakistani spelling conventions</li>
<li>Generates diacritics for Pashto script when given phonetic script along with Pashto script</li> <li>Generates diacritics for Pashto script when given phonetic script along with Pashto script</li>