From a9645366181d3ecf63c82cde422e56745db05684 Mon Sep 17 00:00:00 2001
From: James Barnsley <james@barnsley.nz>
Date: Tue, 21 Feb 2017 21:56:40 +1300
Subject: [PATCH] Responsive header icons

---
 src/js/services/pusher/middleware.js |  1 +
 src/scss/components/_header.scss     | 29 ++++++++++++++++++++++++++++
 2 files changed, 30 insertions(+)

diff --git a/src/js/services/pusher/middleware.js b/src/js/services/pusher/middleware.js
index 636bb971..c9a9aceb 100755
--- a/src/js/services/pusher/middleware.js
+++ b/src/js/services/pusher/middleware.js
@@ -89,6 +89,7 @@ const PusherMiddleware = (function(){
                         type: 'PUSHER_DISCONNECTED'
                     })
 
+                    // attempt to reconnect ever 5 seconds
                     setTimeout(() => {
                         store.dispatch(pusherActions.connect())
                     }, 5000);
diff --git a/src/scss/components/_header.scss b/src/scss/components/_header.scss
index 9be01dba..00513eee 100755
--- a/src/scss/components/_header.scss
+++ b/src/scss/components/_header.scss
@@ -45,5 +45,34 @@ main {
 				}
 			}
 		}
+
+		@include responsive( $bp_medium ){
+			.dropdown-field {
+				.label {
+					padding-left: 16px;
+					padding-right: 16px;
+
+					.text {
+						display: none;
+					}
+					.fa {
+						line-height: 24px;
+					}
+				}
+			}
+			.actions {
+				button {
+					font-size: 1px;
+					color: transparent;
+					vertical-align: top;
+
+					.fa {
+						font-size: 14px;
+						color: #000000;
+						vertical-align: middle;
+					}
+				}
+			}
+		}
 	}
 }
\ No newline at end of file