From 1586743df26ce410c2bfa4078ae724f269780eab Mon Sep 17 00:00:00 2001
From: Mark McDowall <markus.mcd5@gmail.com>
Date: Tue, 5 Aug 2014 17:51:40 -0700
Subject: [PATCH] New: Show calendar title above buttons on small screens
 (phones)

---
 src/UI/Calendar/CalendarView.js | 12 ++++++++++++
 src/UI/Calendar/calendar.less   |  9 +++++++++
 2 files changed, 21 insertions(+)

diff --git a/src/UI/Calendar/CalendarView.js b/src/UI/Calendar/CalendarView.js
index 1c26d1908..eee12dc9f 100644
--- a/src/UI/Calendar/CalendarView.js
+++ b/src/UI/Calendar/CalendarView.js
@@ -33,6 +33,18 @@ define(
             },
 
             _viewRender: function (view) {
+
+                if ($(window).width() < 768) {
+                    this.$('.fc-header-title').show();
+                    this.$('.calendar-title').remove();
+
+                    var title = this.$('.fc-header-title').text();
+                    var titleDiv = '<div class="calendar-title"><h2>{0}</h2></div>'.format(title);
+
+                    this.$('.fc-header').before(titleDiv);
+                    this.$('.fc-header-title').hide();
+                }
+
                 if (Config.getValue(this.storageKey) !== view.name) {
                     Config.setValue(this.storageKey, view.name);
                 }
diff --git a/src/UI/Calendar/calendar.less b/src/UI/Calendar/calendar.less
index 82525175c..6eeb72fe9 100644
--- a/src/UI/Calendar/calendar.less
+++ b/src/UI/Calendar/calendar.less
@@ -185,3 +185,12 @@
     cursor : text;
   }
 }
+
+.calendar-title {
+    text-align : center;
+
+  h2 {
+    margin-top    : 0px;
+    margin-bottom : 5px;
+  }
+}