diff --git a/src/PhonoChangeApplier.scss b/src/PhonoChangeApplier.scss index 677e259..38cf11c 100644 --- a/src/PhonoChangeApplier.scss +++ b/src/PhonoChangeApplier.scss @@ -13,6 +13,12 @@ div.App { padding: 0.5em 0; } + h5 { + font-size: 1.1em; + padding: 0.1em 0; + font-weight: 800; + } + div.PhonoChangeApplier { display: grid; width: 100%; diff --git a/src/components/Output.js b/src/components/Output.js index 20dd430..14f3a30 100644 --- a/src/components/Output.js +++ b/src/components/Output.js @@ -27,7 +27,7 @@ const Output = props => {

Results of Run

-
+
{results && results.length ? renderResults() : <>}
diff --git a/src/components/Output.scss b/src/components/Output.scss index 3bd79e2..0470ac0 100644 --- a/src/components/Output.scss +++ b/src/components/Output.scss @@ -1,6 +1,18 @@ -div.Output-epoch { - display: flex; - p.lexicon { +div.Output { + + div.Output__container { display: flex; + flex-flow: row wrap; } + + div.Output-epoch { + display: flex; + flex-flow: column; + + p.lexicon { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(5em, 1fr)); + } + } + } \ No newline at end of file