From f086b829c41a6f7548201160256efc98b7abf84f Mon Sep 17 00:00:00 2001
From: Schalk Neethling <schalk.neethling@mechanical-ink.co.za>
Date: Sat, 23 Apr 2022 19:19:51 +0200
Subject: [PATCH] fix:editor-layout: set width to 100% and remove max-width

This removes `max-width` from both the output container as well as the container for the form elements.

fix #70
---
 learn/styles.css | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/learn/styles.css b/learn/styles.css
index b733e436..bb6199af 100644
--- a/learn/styles.css
+++ b/learn/styles.css
@@ -24,8 +24,7 @@ body {
     border: none;
     border-left: 6px solid #558ABB;
     color: #4D4E53;
-    width: 90%;
-    max-width: 700px;
+    width: 100%;
     padding: 10px 10px 0px;
     font-size: 90%;
   }
@@ -40,15 +39,13 @@ body {
 
   .playable-buttons {
     text-align: right;
-    width: 90%;
-    max-width: 700px;
+    width: 100%;
     padding: 5px 10px 5px 26px;
     font-size: 100%;
   }
 
   .preview {
-    width: 90%;
-    max-width: 700px;
+    width: 100%;
     border: 1px solid #4D4E53;
     border-radius: 2px;
     padding: 10px 14px 10px 10px;