From 2372acf20902432565d079ebc64a4cfbcd3791d1 Mon Sep 17 00:00:00 2001
From: Johan Stenehall <stenehall@gmail.com>
Date: Tue, 24 Mar 2015 22:57:36 +0100
Subject: [PATCH] Remove topic and add channel name for mobile

* Removing topic from topbar.
* Adding channel name to the topbar.

This is done using visible-lg from bootstrap. As of v3.2.0 it's replaced by visible-lg-block. But that doesn't exist in v3.1.1 that's currently being used by glowing-bear.
---
 css/glowingbear.css | 2 ++
 index.html          | 6 +++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/css/glowingbear.css b/css/glowingbear.css
index f90c001..ca39920 100644
--- a/css/glowingbear.css
+++ b/css/glowingbear.css
@@ -620,6 +620,8 @@ img.emojione {
 
     #topbar .title {
         left: 40px;
+        right: 60px;
+        text-align: center;
     }
 
     #topbar .actions {
diff --git a/index.html b/index.html
index 996975e..27d1a9c 100644
--- a/index.html
+++ b/index.html
@@ -222,9 +222,13 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
           </a>
           <button ng-if="debugMode" ng-click="countWatchers()">Count<br />Watchers</button>
         </div>
+
         <div class="title" title="{{activeBuffer().rtitle}}">
-          <span ng-repeat="part in activeBuffer().title" ng-class="::part.classes" ng-bind-html="::(part.text | linky:'_blank' | DOMfilter:'irclinky')"></span>
+          <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">{{ activeBuffer().trimmedName || activeBuffer().fullName }}</span>
+
         </div>
+
         <div class="actions pull-right vertical-line-left">
           <div class="pull-left">
             <a class="settings-toggle" ng-click="showModal('settingsModal')" title="Options menu">