From f79edacc3e4c3591590fe06e3fa6a9d836f9ab12 Mon Sep 17 00:00:00 2001
From: Anthony Talarico <talarico@gaslightmedia.com>
Date: Thu, 25 Aug 2016 16:51:16 -0400
Subject: [PATCH] fixing view selection dropdown styles in small and medium
 view, aligning to the left when in smaller views

---
 css/front.css                      | 12 +++++++++++-
 views/front/events/searchForm.html |  2 +-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/css/front.css b/css/front.css
index 9127750..0233ea9 100644
--- a/css/front.css
+++ b/css/front.css
@@ -280,4 +280,14 @@ input[name='contact_fname'], input[name='contact_lname']{
 }
 a.fc-time-grid-event.fc-v-event {
     width: 60%;
-}
\ No newline at end of file
+}
+@media (max-width: 640px) and (min-width: 320px){
+    .view-select{
+        float: left;
+    }
+}
+@media (min-width: 641px){
+   .view-select {
+        float: right;
+    } 
+}
diff --git a/views/front/events/searchForm.html b/views/front/events/searchForm.html
index e04addc..e37b534 100644
--- a/views/front/events/searchForm.html
+++ b/views/front/events/searchForm.html
@@ -69,7 +69,7 @@
             </div>
         </form>
     </div>
-<div class="small-2 columns view-select" style="float: right;margin-right: 15px;">
+<div class="small-7 medium-4 large-2 columns view-select" style="margin-right: 15px;">
     <select id="glm-event-view-select">
         <option value="agenda"> Agenda </option>
         <option value="calendar"> Calendar </option>
-- 
2.17.1