From 1930b2332d4de7be92acaf1818ba7c936ec0fde8 Mon Sep 17 00:00:00 2001
From: multiple creatures <dev@multiple-creature.party>
Date: Mon, 15 Apr 2019 19:40:32 -0500
Subject: [PATCH] Limit width of single-column to 600px, keep composer docked
 to left.

---
 .../flavours/glitch/styles/single-column/diff.scss | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/app/javascript/flavours/glitch/styles/single-column/diff.scss b/app/javascript/flavours/glitch/styles/single-column/diff.scss
index 680ce739a..b95f43131 100644
--- a/app/javascript/flavours/glitch/styles/single-column/diff.scss
+++ b/app/javascript/flavours/glitch/styles/single-column/diff.scss
@@ -2,16 +2,18 @@
 
 /* One Column */
 :root {  //  Overrides .wide stylings for mobile view
-  @media screen and (min-width: 631px) {
+  @media screen and (min-width: 1000px) {
     .columns-area {
-      width: 80%;
+      width: 100%;
       margin: -60px auto auto;
     }
 
+    .drawer { min-width: 400px }
+
     .tabs-bar {
       display: flex;
-      width: calc(80% - 315px);
-      margin: 10px 0 0 calc(10% + 305px);
+      width: 585px;
+      margin: 10px 0 0 calc(50% - 95px);
       z-index: 1;
     }
 
@@ -35,7 +37,9 @@
 
     .column:last-child {
       display: flex;
-      min-width: calc(100% - 300px);
+      min-width: 600px;
+      max-width: 600px;
+      margin-left: calc(50% - 500px);
       margin-top: 58px;
     }