From 39de27a4b2f71fcc39df7743733257b75d52b70b Mon Sep 17 00:00:00 2001
From: Neil Lalonde <neillalonde@gmail.com>
Date: Fri, 26 Aug 2016 12:38:59 -0400
Subject: [PATCH] FIX: top period chooser layout on mobile

---
 .../discourse/components/period-chooser.js.es6            | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/discourse/components/period-chooser.js.es6 b/app/assets/javascripts/discourse/components/period-chooser.js.es6
index 1bbf20c03ca..efd7e157202 100644
--- a/app/assets/javascripts/discourse/components/period-chooser.js.es6
+++ b/app/assets/javascripts/discourse/components/period-chooser.js.es6
@@ -24,8 +24,12 @@ export default Ember.Component.extend(CleansUp, {
     if ($(e.target).closest('.period-popup').length) { return; }
 
     if (!this.get('showPeriods')) {
-      const $chevron = this.$('i.fa-caret-down');
-      this.$('#period-popup').css($chevron.position());
+      if (!this.site.mobileView) {
+        const $chevron = this.$('i.fa-caret-down');
+        this.$('#period-popup').css($chevron.position());
+      } else {
+        this.$('#period-popup').css({top: this.$().height()});
+      }
       this.set('showPeriods', true);
       this._clickToClose();
     }