diff --git a/src/app/components/event-list/event-list.directive.js b/src/app/components/event-list/event-list.directive.js
index 5458301..165e090 100644
--- a/src/app/components/event-list/event-list.directive.js
+++ b/src/app/components/event-list/event-list.directive.js
@@ -30,14 +30,13 @@
 
     EventListController.prototype.toggleView = function () {
       var vm = this;
+      vm.isListVisible = !vm.isListVisible;
+    };
 
-      if(vm.isListVisible) {
-        // animate hide
-      } else {
-        // animate show
-      }
+    EventListController.prototype.subscribe = function (data) {
+      var vm = this;
 
-      vm.isListVisible = !vm.isListVisible;
+      vm.$log.debug('data', data);
     };
 
     var directive = {
diff --git a/src/app/components/event-list/event-list.html b/src/app/components/event-list/event-list.html
index 6f42e7d..a9b467d 100644
--- a/src/app/components/event-list/event-list.html
+++ b/src/app/components/event-list/event-list.html
@@ -1,5 +1,5 @@
 <div class="event-list">
-  <div class="event-tab--trigger" ng-click="eventListCtrl.toggleView()">
+  <div class="event-tab--trigger" ng-show="!eventListCtrl.isListVisible" ng-click="eventListCtrl.toggleView()">
     <div class="event-tab--header">
       <div class="event-tab--icon">
         <span class="glyphicon glyphicon-calendar" arria-hidden="true"></span>
@@ -8,7 +8,7 @@
     </div>
     <button class="btn btn-link event-tab--button">
       <span>18 bate-papos agendados</span>
-      <span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span>
+      <span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
     </button>
   </div>
 
@@ -23,13 +23,88 @@
       <div class="event-list--minimize">
         <button type="button" class="btn btn-link" ng-click="eventListCtrl.toggleView()">
           <span>Minimizar</span>
-          <span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span>
+          <span class="glyphicon glyphicon-triangle-top" aria-hidden="true"></span>
         </button>
       </div>
     </div>
     <div class="event-list--table-wrapper">
-      <table class="event-list--table">
-      </table>
+      <div class="table-responsive">
+        <table class="table event-list--table">
+          <!-- <thead></thead> -->
+          <tbody>
+            <tr>
+              <td>
+                <span class="date">dd/mm/aaaa</span>
+                <span class="separator">-</span>
+                <span class="time">HH:mm</span>
+                <span class="separator">-</span>
+                <span class="description">Mais médicos, Segurança Nacional, SAMU</span>
+                <button type="button" class="btn" ng-click="eventListCtrl.subscribe('EVENT_ID')">
+                  Inscreva-se
+                  <span class="sr-only">no bate-papo com (ministro) no dia (date) as (hh:mm) horas</span>
+                </button>
+                <span class="subscribers">123 inscritos</span>
+              </td>
+            </tr>
+            <tr>
+              <td>
+                <span class="date">dd/mm/aaaa</span>
+                <span class="separator">-</span>
+                <span class="time">HH:mm</span>
+                <span class="separator">-</span>
+                <span class="description">Mais médicos, Segurança Nacional, SAMU</span>
+                <button type="button" class="btn">Inscreva-se</button>
+                <span class="subscribers">123 inscritos</span>
+              </td>
+            </tr>
+            <tr>
+              <td>
+                <span class="date">dd/mm/aaaa</span>
+                <span class="separator">-</span>
+                <span class="time">HH:mm</span>
+                <span class="separator">-</span>
+                <span class="description">Mais médicos, Segurança Nacional, SAMU</span>
+                <button type="button" class="btn">Inscreva-se</button>
+                <span class="subscribers">123 inscritos</span>
+              </td>
+            </tr>
+            <tr>
+              <td>
+                <span class="date">dd/mm/aaaa</span>
+                <span class="separator">-</span>
+                <span class="time">HH:mm</span>
+                <span class="separator">-</span>
+                <span class="description">Mais médicos, Segurança Nacional, SAMU</span>
+                <button type="button" class="btn">Inscreva-se</button>
+                <span class="subscribers">123 inscritos</span>
+              </td>
+            </tr>
+            <tr>
+              <td>
+                <span class="date">dd/mm/aaaa</span>
+                <span class="separator">-</span>
+                <span class="time">HH:mm</span>
+                <span class="separator">-</span>
+                <span class="description">Mais médicos, Segurança Nacional, SAMU</span>
+                <button type="button" class="btn">Inscreva-se</button>
+                <span class="subscribers">123 inscritos</span>
+              </td>
+            </tr>
+            <tr>
+              <td>
+                <span class="date">dd/mm/aaaa</span>
+                <span class="separator">-</span>
+                <span class="time">HH:mm</span>
+                <span class="separator">-</span>
+                <span class="description">Mais médicos, Segurança Nacional, SAMU</span>
+                <button type="button" class="btn">Inscreva-se</button>
+                <span class="subscribers">123 inscritos</span>
+              </td>
+            </tr>
+          </tbody>
+          <!-- <tfooter></tfooter> -->
+        </table>
+      </div>
     </div>
   </div>
 </div>
diff --git a/src/app/components/event-list/event-list.scss b/src/app/components/event-list/event-list.scss
index 76140d1..4969a75 100644
--- a/src/app/components/event-list/event-list.scss
+++ b/src/app/components/event-list/event-list.scss
@@ -1,23 +1,22 @@
 .event-list {
     position: relative;
-    background-color: #eee;
+    background-color: #eeeeee;
 
     .event-list--panel {
-        height: 400px;
-        border: 1px solid #333;
+        height: 310px;
+        border: 1px solid #333333;
         padding: 20px;
-
-        -webkit-transition: 0.5s linear all;
-        -moz-transition: 0.5s linear all;
-        -o-transition: 0.5s linear all;
-        transition: 0.5s linear all;
+        margin: 20px 0;
+        line-height: 20px;
+        transition: .3s linear all;
 
         &.ng-hide {
             height: 0px;
+            line-height: 0px;
         }
 
         .event-list--header {
-            border-bottom: 1px solid #333;
+            border-bottom: 1px solid #333333;
         }
 
         .event-list--icon {
@@ -43,12 +42,27 @@
         height: $event-tab-height;
         position: absolute;
         right: 0;
-        top: -$event-tab-height;
+        top: $event-tab-height * (-1);
         padding: 5px;
-        background-color: #eee;
-        border: 1px solid #333;
-
+        background-color: #eeeeee;
+        border: 1px solid #333333;
         text-align: center;
+        line-height: 20px;
+        cursor: pointer;
+        transition: .3s linear all;
+        overflow: hidden;
+        z-index: 100;
+
+        &.ng-hide {
+            height: 0px;
+            line-height: 0px;
+            top: -1px;
+        }
+    }
+
+    .table-responsive {
+        height: 250px;
+        overflow-y: scroll;
     }
 
     .event-tab--icon {
--
libgit2 0.21.2