Reflow schedules with wrapped flex layout.

Use with of screen when it's there, otherwise be narrow and long.

1 files changed, 11 insertions, 0 deletions

diff --git a/public/app.css b/public/app.css
index 1f9ae99..72b178b 100644
--- a/public/app.css
+++ b/public/app.css
@@ -40,3 +40,14 @@ footer img {
 #copyright-text {
     padding-left: 0.5rem;
 }
+
+#program {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+@media screen and (min-width: 800px) {
+    #program > * + * {
+        padding-left: 0.5rem;
+    }
+}