From b8da0ff7537472848b6e49829bf759266a4243c1 Mon Sep 17 00:00:00 2001
From: Magnus Hovland Hoff <maghoff@gmail.com>
Date: Tue, 21 Aug 2018 19:02:38 +0200
Subject: [PATCH] Fix breakpoint size for editor controls

---
 assets/style.css | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/assets/style.css b/assets/style.css
index 0b7253c..4c2e286 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -365,7 +365,16 @@ h1>input {
     background: var(--theme-input);
 }
 
-@media (min-width: 630px) {
+@media (min-width: 960px) {
+    /* min-width is calculated like this:
+
+    body-width = width of the main text column
+    controls-width = width of .editor-controls element, including drop-shadow
+
+    min-width = body-width + 2*controls-width = 600 + 2 * 180 = 960
+
+    */
+
     .editor-controls {
         border-radius: 2px;
 
@@ -388,6 +397,11 @@ h1>input {
         transition-timing-function: cubic-bezier(.17,.84,.44,1);
         opacity: 1;
     }
+
+    .button {
+        margin: 0;
+        margin-bottom: 10px;
+    }
 }
 
 article ul.search-results {
@@ -523,11 +537,6 @@ input[type="search"]::placeholder {
     .search.focus .live-results {
         max-height: 500px;
     }
-
-    .button {
-        margin: 0;
-        margin-bottom: 10px;
-    }
 }
 
 .diff {