Feature/shaun pagination restyle (#110)

* new past events style

* updated style for mobile and modified date layout

Author: pavlakis

app/templates/event.twig

@@ -34,9 +34,9 @@
                     <div class="page" id="page-{{ loop.revindex }}">
                         <ul>
                             {% endif %}
-                            <li class="item-{{ loop.revindex -1 }}"><a
+                            <li class="item-{{ loop.revindex -1 }}"><i class="fa fa-calendar-check-o" aria-hidden="true">&nbsp;</i><a
                                         href="../../event/{{ previousEvent.getMindsUrl }}">{{ previousEvent.getTalk().getTitle|e }}
-                                    on {{ previousEvent.getDateTimeAsString }}</a></li>
+                                        on {{ previousEvent.getDateTimeAsString }}</a></li>
 
                             {% endfor %}
 

app/templates/home.twig

@@ -50,9 +50,9 @@
                     <div class="page" id="page-{{ loop.revindex }}">
                         <ul>
                             {% endif %}
-                            <li class="item-{{ loop.revindex -1 }}"><a
+                            <li class="item-{{ loop.revindex -1 }}"><i class="fa fa-calendar-check-o show-for-medium-up" aria-hidden="true"><span class="meetup-date">  on {{ previousEvent.getDateTimeAsString }}</span>   </i><a
                                         href="../../event/{{ previousEvent.getMindsUrl }}">{{ previousEvent.getTalk().getTitle|e }}
-                                    on {{ previousEvent.getDateTimeAsString }}</a></li>
+                                  </a> </li>
 
                             {% endfor %}
 

public/css/paginate.css

@@ -16,11 +16,13 @@
     margin: 0;
     padding: 0;
     list-style-type: none;
+    margin-bottom:10px;
 }
 .pagination-number a {
     display: inline-block;
     background: rgba(106, 168, 79, 1.0);
     border: 0;
+    width: 100%;
     font-size: 20px;
     font-weight: 800;
     line-height: 40px;
@@ -39,4 +41,16 @@
     color: #f3f3f3;
     text-transform: uppercase;
     padding: 0 20px;
+}
+
+.pages li {
+    padding: 0.45em;
+    border-bottom: solid  1px rgba(106, 168, 79, 0.4);
+    list-style: none;
+}
+.pages i {padding: 1em; }
+.pages i span {font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
+    color: #296410;}
+.meetup-date {
+    font-size: smaller;
 }