diff --git a/src/PhonoChangeApplier.scss b/src/PhonoChangeApplier.scss
index e69de29..9911062 100644
--- a/src/PhonoChangeApplier.scss
+++ b/src/PhonoChangeApplier.scss
@@ -0,0 +1,23 @@
+div.App {
+ height: 100vh;
+ width: 100vw;
+ line-height: 1.25em;
+
+ h1 {
+ font-size: 2em;
+ padding: 1em 0;
+ }
+
+ div.PhonoChangeApplier {
+ display: grid;
+ width: 100%;
+ place-items: center center;
+ grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
+ grid-template-rows: repeat(auto-fill, minmax(300px, 1fr));
+
+ div {
+ padding: 1em;
+ overflow-y: scroll;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/components/Epochs.js b/src/components/Epochs.js
index 383f97d..b779d91 100644
--- a/src/components/Epochs.js
+++ b/src/components/Epochs.js
@@ -37,22 +37,23 @@ const Epochs = ({epochs, dispatch}) => {
})
}
- const renderEpochs = () => epochs.map((epoch, index) => (
+ const renderEpochs = () => {
+ if (epochs) return epochs.map((epoch, index) => (