From 0d580cc1d2a6f8254f41127899ca75cb43ea879c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lorenz=20H=C3=BCbschle-Schneider?=
 <lorenz-dev@lgh-alumni.de>
Date: Sat, 22 Feb 2014 11:14:07 +0000
Subject: [PATCH 1/5] Fix scrolling on mobile devices

Previously, we were scrolling the div, not its contents, as it grew infinitely.
---
 css/glowingbear.css | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/css/glowingbear.css b/css/glowingbear.css
index a98992c..0149750 100644
--- a/css/glowingbear.css
+++ b/css/glowingbear.css
@@ -346,12 +346,12 @@ table.notimestamp td.time {
         position: relative;
         min-height: 0;
         margin-left: 0;
-        height: auto;
         max-width: 100%;
         border: 0;
     }
 
     #nicklist {
+        height: auto;
         width: 160px;
         text-align: center;
         -webkit-box-shadow: 0px 0px 120px #000;
@@ -362,10 +362,6 @@ table.notimestamp td.time {
         bottom: 0px;
     }
 
-    #bufferlines {
-        padding-bottom: 38px; /* navbar fixed bottom */;
-    }
-
     .navbar-fixed-bottom {
         margin: 0;
     }

From 4c56d096ace29cbd99c56a07bd0a65995559aff3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lorenz=20H=C3=BCbschle-Schneider?=
 <lorenz-dev@lgh-alumni.de>
Date: Sat, 22 Feb 2014 11:14:37 +0000
Subject: [PATCH 2/5] Thinner scrollbars and larger buttons on mobile

Give those buttons a size where there's at least a chance to hit them with a finger
---
 css/glowingbear.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/css/glowingbear.css b/css/glowingbear.css
index 0149750..41bd865 100644
--- a/css/glowingbear.css
+++ b/css/glowingbear.css
@@ -342,6 +342,14 @@ table.notimestamp td.time {
         left: 40px;
     }
 
+    #topbar .actions {
+        line-height: 30px;
+        font-size: 30px;
+        margin-right: 0;
+        height: 32px;
+        padding-top: 3px;
+    }
+
     #bufferlines, #nicklist {
         position: relative;
         min-height: 0;
@@ -393,4 +401,9 @@ table.notimestamp td.time {
     #bufferlines td.prefix:after {
         content: ">";
     }
+
+    ::-webkit-scrollbar {
+        width: 5px;
+        height: 5px;
+    }
 }

From 5a7ed13c705f106a5570e9cfa988b2c88a7cec57 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lorenz=20H=C3=BCbschle-Schneider?=
 <lorenz-dev@lgh-alumni.de>
Date: Sat, 22 Feb 2014 11:38:45 +0000
Subject: [PATCH 3/5] Increase size of bufferlines on mobile

We had 10px+2% space on the bottom, that's pretty wasteful
---
 css/glowingbear.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/css/glowingbear.css b/css/glowingbear.css
index 41bd865..7fa16e3 100644
--- a/css/glowingbear.css
+++ b/css/glowingbear.css
@@ -378,6 +378,11 @@ table.notimestamp td.time {
         min-height: 0%;
     }
 
+    #bufferlines {
+        height: 100%;
+        padding-bottom: 0;
+    }
+
     #bufferlines td.time {
         display: inline;
         padding-right: 0;

From 6cfabdd0bde19c921dc6d29fc1674fc4d265ceb8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lorenz=20H=C3=BCbschle-Schneider?=
 <lorenz-dev@lgh-alumni.de>
Date: Sat, 22 Feb 2014 11:40:22 +0000
Subject: [PATCH 4/5] Extend swipe region. Still not optimal.

It would be nice if we could scroll on the whole `content` div, but then the
open sidebar and close nicklist swipes collide
---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 62fc52e..7d2119e 100644
--- a/index.html
+++ b/index.html
@@ -296,7 +296,7 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
             </li>
           </ul>
         </div>
-        <table ng-class="{'notimestamp':notimestamp}">
+        <table ng-swipe-right="swipeSidebar()" ng-swipe-left="openNick()" ng-class="{'notimestamp':notimestamp}">
           <tbody>
             <tr class="bufferline">
               <td class="time"><span class="date"> </span></td>
@@ -307,7 +307,7 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
               </td>
             </tr>
           </tbody>
-          <tbody ng-swipe-right="swipeSidebar()" ng-swipe-left="openNick()" ng-repeat="bufferline in (bufferlines = activeBuffer().lines)">
+          <tbody ng-repeat="bufferline in (bufferlines = activeBuffer().lines)">
             <tr class="bufferline">
               <td class="time">
                 <span class="date" bo-class="{'repeated-time': bufferline.shortTime==bufferlines[$index-1].shortTime}">

From 40492cf519fc5e8ce276d36f8b1ed86e7d579078 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lorenz=20H=C3=BCbschle-Schneider?=
 <lorenz-dev@lgh-alumni.de>
Date: Sat, 22 Feb 2014 11:48:58 +0000
Subject: [PATCH 5/5] Adaptive nicklist width

---
 css/glowingbear.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/css/glowingbear.css b/css/glowingbear.css
index 7fa16e3..ace1b3b 100644
--- a/css/glowingbear.css
+++ b/css/glowingbear.css
@@ -360,7 +360,8 @@ table.notimestamp td.time {
 
     #nicklist {
         height: auto;
-        width: 160px;
+        width: auto;
+        padding: 35px 7px 35px 10px;
         text-align: center;
         -webkit-box-shadow: 0px 0px 120px #000;
         box-shadow: 0px 0px 120px #000;