From 8812046816404dbf1743c2fd8191082832916714 Mon Sep 17 00:00:00 2001
From: "Giovanni T. Parra" <fiatjaf@gmail.com>
Date: Sat, 25 Jun 2016 17:42:55 -0300
Subject: [PATCH] Hide URL bar on small screens.

That is necessary for me when I'm working with a splitted screen. Maybe there are others with this problem also.

Since it will not be used in mobile devices, then I guess it is safe to imagine the user will be able to expand the screen, input the URL, then reduce the screen again.

I think anything is better than not being able to click the "Execute Query" button.
---
 css/chromeiql.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/css/chromeiql.css b/css/chromeiql.css
index a2ec05b..14de569 100644
--- a/css/chromeiql.css
+++ b/css/chromeiql.css
@@ -15,6 +15,12 @@
   margin-left: -250px;
 }
 
+@media (max-width: 700px) {
+  #url-bar {
+    display: none;
+  }
+}
+
 #url-box, #url-save-button {
   height: 30px;
   box-sizing: border-box;