fixing view selection dropdown styles in small and medium view, aligning to the left...

diff --git a/css/front.css b/css/front.css
index 9127750..0233ea9 100644 (file)
--- 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 (file)
--- 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>