From 6a246f8579cc4c9eceb4d5c6fe766cbac7036562 Mon Sep 17 00:00:00 2001
From: Gareth Coles <gdude2002@gmail.com>
Date: Mon, 21 May 2018 12:37:51 +0100
Subject: [Jams] Fix up textarea formatting

---
 static/style.css              | 17 +++++++++++++++++
 templates/main/jams/join.html |  4 ++--
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/static/style.css b/static/style.css
index 7fa51f0c..0c10cab9 100644
--- a/static/style.css
+++ b/static/style.css
@@ -198,4 +198,21 @@ table.table-bordered {
 
 tr.thick-bottom-border {
     border-bottom: 3px solid rgb(229, 229, 229) !important;
+}
+
+/* Fira Code stuff */
+
+@font-face {
+  font-family: 'Fira Code';
+
+  src: url('https://unpkg.com/firacode/distr/eot/FiraCode-Regular.eot');
+  src: url('https://unpkg.com/firacode/distr/eot/FiraCode-Regular.eot?#iefix') format('embedded-opentype'),
+       url('https://unpkg.com/firacode/distr/woff/FiraCode-Regular.woff2') format('woff2'),
+       url('https://unpkg.com/firacode/distr/woff/FiraCode-Regular.woff') format('woff'),
+       url('https://unpkg.com/firacode/distr/ttf/FiraCode-Regular.ttf')  format('truetype');
+}
+
+.fira-code {
+    font-family: 'Fira Code', "monospace", Fallback;
+    line-height: 1.0;
 }
\ No newline at end of file
diff --git a/templates/main/jams/join.html b/templates/main/jams/join.html
index e24ea8ff..de18482a 100644
--- a/templates/main/jams/join.html
+++ b/templates/main/jams/join.html
@@ -84,9 +84,9 @@
 
             {% elif question.type == "textarea" %}
                 {% if question.optional %}
-                    <textarea class="uk-input uk-textarea" name="{{ question.id }}" id="{{ question.id }}" style="resize: vertical; min-height: 15rem; font-family: monospace;"></textarea>
+                    <textarea class="uk-input uk-textarea fira-code" name="{{ question.id }}" id="{{ question.id }}" style="resize: vertical; min-height: 15rem; font-family: monospace;"></textarea>
                 {% else %}
-                    <textarea class="uk-input uk-textarea" name="{{ question.id }}" id="{{ question.id }}" style="resize: vertical; min-height: 15rem; font-family: monospace;" required></textarea>
+                    <textarea class="uk-input uk-textarea fira-code" name="{{ question.id }}" id="{{ question.id }}" style="resize: vertical; min-height: 15rem; font-family: monospace;" required></textarea>
                 {% endif %}
 
             {% elif question.type == "slider" %}
-- 
cgit v1.2.3