some styling stuff icons etc

Eventer/scripts/app/main.js

@@ -77,10 +77,11 @@ var app = (function () {
         },
         formatDate: function (dateString) {
             var date = new Date(dateString);
-            var year = date.getFullYear().toString();
-            var month = date.getMonth().toString();
-            var day = date.getDate().toString();
-            return day + '.' + month + '.' + year;
+            //var year = date.getFullYear().toString();
+            //var month = date.getMonth().toString();
+            //var day = date.getDate().toString();
+            var minutes = date.getMinutes() === 0 ? "00" : date.getMinutes();
+            return date.getHours() + ':' + minutes;
         },
         logout: function () {
             return el.Users.logout();

Eventer/styles/main.css

@@ -523,6 +523,7 @@ textarea
 }
 
 .part-count {
+    font-weight: bold;
     font-size: 1.3rem;
 }
 
@@ -557,5 +558,23 @@ textarea
     background-size: 13px 12px;
     background-image: url(images/icons/mag_icon.png);
     border-radius: 0px;
-    top: 8px;    
+    top: 8px;
+}
+
+.time-icon {
+    background-image: none;
+    background-repeat: no-repeat;
+    background-size: 16px 16px;
+    background-image: url(images/icons/clock_icon.png);
+    line-height: 17px;
+    padding-left: 20px;
+}
+
+.location-icon {
+    background-image: none;
+    background-repeat: no-repeat;
+    background-size: 12px 16px;
+    background-image: url(images/icons/location_icon.png);
+    line-height: 17px;
+    padding-left: 20px;
 }

Eventer/views/eventView.html

@@ -2,7 +2,7 @@
     <script>
     </script>
     <header data-role="header">
-        <div data-role="navbar">
+        <div data-role="navbar" style="top: 10px;">
             Event
         </div>
     </header>
@@ -13,9 +13,9 @@
             <span data-bind="text: Title" class="event-title"></span>
         </div>
         <div class="event-white-box" style="padding: 0;">
-            <span data-bind="text: LocationDescription" class="event-title-desc"></span>
+            <span data-bind="text: LocationDescription" class="event-title-desc location-icon"></span>
             <br />
-            <span data-bind="text: StartTimeFormatted()" class="event-title-desc"></span>
+            <span data-bind="text: StartTimeFormatted()" class="event-title-desc time-icon"></span>
         </div>
         <div class="event-white-box">
             <button id="joinBtn" class="event-join-btn">Join!</button>

Eventer/views/feedView.html

@@ -18,9 +18,14 @@
 <!-- Events ListView Template -->
 <script type="text/x-kendo-template" id="activityTemplate">
     <div data-role="touch" data-bind="events: { tap: eventSelected }">
-        <div class="user-info">
+        <div class="user-info" style="height: 35px;">
             <h2>${Title}</h2>
-            <time class="timeSpan">${StartTimeFormatted()}</time>
+            <div style="float: left; line-height: 30px; height: 50px;">
+                <span class="part-count" data-bind="text: ParticipantsCount()"></span>
+                <span class="max-part-count">/</span>
+                <span class="max-part-count" data-bind="text: MaxParticipants"></span>
+            </div>
+            <time class="timeSpan time-icon" style="float: right;">${StartTimeFormatted()}</time>
         </div>
         <div>
 			<img src="${CoverImageURL()}" style="width: 292px; height: 140px;" />