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