From a096ad07a224882fbe288d796aab70a6c870db63 Mon Sep 17 00:00:00 2001
From: codevictory <main@codevictory.net>
Date: Wed, 28 Apr 2021 18:51:00 +0300
Subject: [PATCH] Responsive performances.

---
 assets/css/app.scss                                |  1 +
 assets/css/pages/performance.scss                  | 14 ++++++++++++++
 .../templates/performance/index.html.eex           |  9 ++++-----
 3 files changed, 19 insertions(+), 5 deletions(-)
 create mode 100644 assets/css/pages/performance.scss

diff --git a/assets/css/app.scss b/assets/css/app.scss
index e42ea18..53b05c2 100644
--- a/assets/css/app.scss
+++ b/assets/css/app.scss
@@ -2,6 +2,7 @@
 @import './layout.scss';
 @import './pages/index.scss';
 @import './pages/form.scss';
+@import './pages/performance.scss';
 /* Alerts and form errors */
 .alert {
   padding: 15px;
diff --git a/assets/css/pages/performance.scss b/assets/css/pages/performance.scss
new file mode 100644
index 0000000..d05abae
--- /dev/null
+++ b/assets/css/pages/performance.scss
@@ -0,0 +1,14 @@
+section.text {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 80%;
+  max-width: 1000px;
+  background-image: linear-gradient(to top, rgba(255, 0, 0, 0), #d5caf2);
+  text-align: center;
+
+  p {
+    padding: 0px 20px;
+    max-width: 56%;
+  }
+}
diff --git a/lib/runosaari_web/templates/performance/index.html.eex b/lib/runosaari_web/templates/performance/index.html.eex
index a00830f..a270228 100644
--- a/lib/runosaari_web/templates/performance/index.html.eex
+++ b/lib/runosaari_web/templates/performance/index.html.eex
@@ -1,9 +1,8 @@
 <h1 id="calendar-start">Ohjelma</h1>
-
+<section class=text>
 <%= for performance <- @performances do %>
-    <article>
-      <h2><%= performance.name %></h2>
-      <p><%= performance.desc %></p>
-    </article>
+  <h2><%= performance.name %></h2>
+  <p><%= performance.desc %></p>
 <% end %>
+</section>
 <span><%= link "Hallinta", to: Routes.admin_performance_path(@conn, :admin) %></span>