From 2e1f625c9daa9dde394843b0fabfc6c5df08bff6 Mon Sep 17 00:00:00 2001
From: Thomas Parslow <tom@almostobsolete.net>
Date: Wed, 3 Jul 2024 16:32:11 +0100
Subject: [PATCH] Editor works a little better on mobile

---
 public/css/app.css | 15 ++++++++++-----
 views/play.html    |  3 ---
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index afa23f8..60fcdb9 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -211,21 +211,20 @@ code {
   display: flex;
   flex-direction: row;
   align-items: stretch;
-  flex-wrap: wrap;
   background: rgb(255,255,255,0.9);
 }
 
 .editor {
+  flex-basis: 50%;
   flex-grow: 1;
-  min-width: 300px;
 }
 
 .right {
-  min-width: 200px;
-  width: 50%;
   display: flex;
+  flex-basis: 50%;
   flex-direction: column;
-  height: 100%;
+  max-height: 100%;
+  min-height: 0;
 }
 
 .console {
@@ -248,3 +247,9 @@ code {
   flex-direction: row;
   gap: 2rem;
 }
+
+@media (width <= 600px) {
+.editor-container {
+  flex-direction: column;
+}
+}
diff --git a/views/play.html b/views/play.html
index ad25f00..5f0e81a 100644
--- a/views/play.html
+++ b/views/play.html
@@ -82,9 +82,6 @@ <h4>Oops, your entry is incorrect</h4>
                   <div class="right">
                     <div class="controls">
                       <button type="submit" class="btn btn-lg btn-info" id="submit">Submit Entry</button>
-                      <div>
-                        Write your code in the editor. Hit "Submit Entry" to submit your entry to the leaderboard. Use the test field to try out your code and the results will appear below. If you reload the page we will remember the last code you entered.
-                      </div>
                     </div>
                     <div id="console" class="console"></div>
                     <div class="test-container">