From 107ae870d5939cc66f925b2d7a4facc2b090f9bc Mon Sep 17 00:00:00 2001
From: Tor Hveem <tor@hveem.no>
Date: Fri, 13 Mar 2015 14:09:49 +0100
Subject: [PATCH] Introduce a new media query list for wide screens

This change introduces a new media query that activates if the window is
wider than 1400px. It will then increase bufferlist width from 140px to
200px and nicklist from 100px to 140px.

If someone has better ideas than 1400px as a cutoff I am all ears to
that.

There might also be more changes we could do that further improves upon
this concept.
---
 css/glowingbear.css | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/css/glowingbear.css b/css/glowingbear.css
index cf54fed..a8ed333 100644
--- a/css/glowingbear.css
+++ b/css/glowingbear.css
@@ -534,6 +534,30 @@ img.emoji {
    vertical-align: -0.1em;
 }
 
+@media (min-width: 1400px) {
+    #sidebar[data-state=visible], #sidebar {
+        width: 200px;
+    }
+    .content[sidebar-state="visible"] #bufferlines {
+        margin-left: 205px;
+    }
+    #topbar .title {
+        left: 205px;
+    }
+    .content[sidebar-state=visible] .footer {
+        padding-left: 200px;
+    }
+    #nicklist {
+        width: 140px;
+    }
+    .withnicklist {
+      margin-right: 140px !important; /* nicklist */
+    }
+    .footer.withnicklist {
+        padding-right: 148px !important;
+    }
+}
+
 /* */
 /* Mobile layout */
 /* */