From 3ce93122a3ec971b878082af5e85772949922780 Mon Sep 17 00:00:00 2001
From: Johan Stenehall <stenehall@gmail.com>
Date: Wed, 25 Mar 2015 01:04:00 +0100
Subject: [PATCH] Handle mobile breakpoints correctly

---
 css/glowingbear.css | 12 ++++++++++++
 index.html          |  4 ++--
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/css/glowingbear.css b/css/glowingbear.css
index 5ecb660..1d09ee4 100644
--- a/css/glowingbear.css
+++ b/css/glowingbear.css
@@ -7,6 +7,10 @@ body {
     overflow: hidden;
 }
 
+.mobile {
+  display: none;
+}
+
 a {
     cursor: pointer;
 }
@@ -599,6 +603,14 @@ img.emojione {
 /* */
 @media (max-width: 968px) {
 
+    .mobile {
+      display: inherit;
+    }
+
+    .desktop {
+      display: none;
+    }
+
     #bufferlines table {
         border-collapse: separate;
         border-spacing: 2px 3px;
diff --git a/index.html b/index.html
index b1e1da4..bc9ffe9 100644
--- a/index.html
+++ b/index.html
@@ -227,8 +227,8 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
         </div>
 
         <div class="title" title="{{activeBuffer().rtitle}}">
-          <span class="visible-lg" ng-repeat="part in activeBuffer().title" ng-class="::part.classes" ng-bind-html="::(part.text | linky:'_blank' | DOMfilter:'irclinky')"></span>
-          <span class="hidden-lg" ng-click="showModal('topicModal')" ng-class="{'active': activeBuffer().active, 'indent': activeBuffer().indent, 'channel': activeBuffer().type === 'channel', 'channel_hash': activeBuffer().prefix === '#', 'channel_plus': activeBuffer().prefix === '+', 'channel_ampersand': activeBuffer().prefix === '&', 'private': activeBuffer().type === 'private'}">{{ activeBuffer().trimmedName || activeBuffer().fullName }}</span>
+          <span class="desktop" ng-repeat="part in activeBuffer().title" ng-class="::part.classes" ng-bind-html="::(part.text | linky:'_blank' | DOMfilter:'irclinky')"></span>
+          <span class="mobile" ng-click="showModal('topicModal')" ng-class="{'active': activeBuffer().active, 'channel': activeBuffer().type === 'channel', 'channel_hash': activeBuffer().prefix === '#', 'channel_plus': activeBuffer().prefix === '+', 'channel_ampersand': activeBuffer().prefix === '&'}">{{ activeBuffer().trimmedName || activeBuffer().fullName }}</span>
         </div>
 
         <div class="actions pull-right vertical-line-left">