diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..b0bbc50
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/openbmc.iml" filepath="$PROJECT_DIR$/.idea/openbmc.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/app/assets/images/icon-checklist.svg b/app/assets/images/icon-checklist.svg
new file mode 100644
index 0000000..8cf238e
--- /dev/null
+++ b/app/assets/images/icon-checklist.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<g>
+	<path d="M0,0v12l4,4h12V0H0z M14,14H5v-3H2V2h12V14z"/>
+	<polygon points="12.5,5.5 11,4 7,8 5.5,6.5 4,8 7,11 	"/>
+</g>
+</svg>
diff --git a/app/assets/images/icon-copy.svg b/app/assets/images/icon-copy.svg
new file mode 100644
index 0000000..f58db68
--- /dev/null
+++ b/app/assets/images/icon-copy.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<g>
+	<g>
+		<path style="fill:#323232;" d="M11,4V0H1v12h4v4h10V4H11z M5,10H3V2h6v2H5V10z M13,14H7V6h6V14z"/>
+	</g>
+	<rect x="8" y="7" style="fill:#323232;" width="4" height="2"/>
+	<rect x="8" y="10" style="fill:#323232;" width="4" height="2"/>
+</g>
+</svg>
diff --git a/app/assets/images/icon-search.svg b/app/assets/images/icon-search.svg
new file mode 100644
index 0000000..21c04e0
--- /dev/null
+++ b/app/assets/images/icon-search.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+<g>
+	<path d="M9,3c3.309,0,6,2.691,6,6c0,3.309-2.691,6-6,6c-3.309,0-6-2.691-6-6C3,5.691,5.691,3,9,3 M9,1C4.582,1,1,4.582,1,9
+		c0,4.418,3.582,8,8,8s8-3.582,8-8C17,4.582,13.418,1,9,1L9,1z"/>
+	<rect x="16.879" y="15.464" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.8701 19)" width="4.243" height="7.071"/>
+</g>
+</svg>
diff --git a/app/assets/images/icon-trashcan.svg b/app/assets/images/icon-trashcan.svg
new file mode 100644
index 0000000..f6ce0ab
--- /dev/null
+++ b/app/assets/images/icon-trashcan.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve">
+<g>
+	<rect x="8.1" y="1" width="5.7" height="1.4"/>
+	<path d="M3.9,3.1v3.6h0.7V21h12.9V6.7h0.7V3.1H3.9z M16,19.6H6V8.1h10V19.6z"/>
+	<rect x="7.4" y="9.6" width="0.7" height="8.6"/>
+	<rect x="9.6" y="9.6" width="0.7" height="8.6"/>
+	<rect x="11.7" y="9.6" width="0.7" height="8.6"/>
+	<rect x="13.9" y="9.6" width="0.7" height="8.6"/>
+</g>
+</svg>
diff --git a/app/common/directives/app-navigation.html b/app/common/directives/app-navigation.html
index ba511be..2fd9c34 100644
--- a/app/common/directives/app-navigation.html
+++ b/app/common/directives/app-navigation.html
@@ -18,26 +18,17 @@
         </li>
         <li>
             <button class="btn-config" ng-class="{opened: firstLevel == 'config'}" ng-click="firstLevel = 'config';">
-                <svg class="nav__icon" viewBox="0 0 20 20">
-                    <path class="nav__icon-help__outer" d="M10,0.9c-5,0-9,4-9,9s4,9,9,9s9-4,9-9S14.9,0.9,10,0.9"/>
-                    <path class="nav__icon-help__inner" d="M9.2,5.4V3.7h1.5v1.8H9.2z M9.2,16.1v-9h1.5v9H9.2z"/>
-                </svg>
+
                 <span>Configuration</span></button>
         </li>
         <li>
             <button class="btn-firmware" ng-class="{opened: firstLevel == 'firmware'}" ng-click="firstLevel = 'firmware';">
-                <svg class="nav__icon" viewBox="0 0 20 20">
-                    <path class="nav__icon-help__outer" d="M10,0.9c-5,0-9,4-9,9s4,9,9,9s9-4,9-9S14.9,0.9,10,0.9"/>
-                    <path class="nav__icon-help__inner" d="M9.2,5.4V3.7h1.5v1.8H9.2z M9.2,16.1v-9h1.5v9H9.2z"/>
-                </svg>
+
                 <span>Firmware</span></button>
         </li>
         <li>
             <button class="btn-users" ng-class="{opened: firstLevel == 'users'}" ng-click="firstLevel = 'users';">
-                <svg class="nav__icon" viewBox="0 0 20 20">
-                    <path class="nav__icon-help__outer" d="M10,0.9c-5,0-9,4-9,9s4,9,9,9s9-4,9-9S14.9,0.9,10,0.9"/>
-                    <path class="nav__icon-help__inner" d="M9.2,5.4V3.7h1.5v1.8H9.2z M9.2,16.1v-9h1.5v9H9.2z"/>
-                </svg>
+
                 <span>Users</span></button>
         </li>
     </ul>
@@ -75,4 +66,4 @@
     <ul class="nav__second-level btn-users" ng-style="navStyle"  ng-class="{opened: firstLevel == 'users'}">
         <li><a href="">Manage User Account</a></li>
     </ul>
-</nav>
\ No newline at end of file
+</nav>
diff --git a/app/common/styles/base/buttons.scss b/app/common/styles/base/buttons.scss
index 7bad975..9c5ba92 100644
--- a/app/common/styles/base/buttons.scss
+++ b/app/common/styles/base/buttons.scss
@@ -1,11 +1,13 @@
 button, .button, input[type="submit"], .submit {
   font-weight: bold;
   font-size: 1em;
+  @include fontFamily;
   text-transform: none;
   border-radius: 3px;
   padding: .8rem 3.5rem .5rem;
   height: auto;
   border: 0;
+  overflow: hidden;
   &:hover {
     cursor: pointer;
   }
diff --git a/app/common/styles/base/colors.scss b/app/common/styles/base/colors.scss
index 94ef663..3b98626 100644
--- a/app/common/styles/base/colors.scss
+++ b/app/common/styles/base/colors.scss
@@ -2,7 +2,10 @@
 $white: #ffffff;
 $black: #333;
 $darkgrey: #666;
+$medgrey: #d7dbe0;
 $lightgrey: #ccc;
+$lightblue: #f0f2f5;
+$purple: #5A3EC8;
 $field__disabled: #d8d8d8;
 $btn__disabled-txt: #a6a5a6;
 $btn__disabled-bg: #d8d8d8;
@@ -27,16 +30,18 @@
 $secbtn__border: #3f71ec;
 $secbtn__text: #3f71ec;
 
+// Dropdowns
+$dropdown__focus-bg: #e6e9ee;
 
 // Alerts
-$alert__error: rgba(230, 35, 37, 0.3);
-$alert__warning: rgba(255, 127, 0, 0.3);
-$alert__message: rgba(203, 221, 235, 0.5);
+$alert__error: rgb(230, 35, 37);
+$alert__warning: rgb(255, 127, 0);
+$alert__message: rgb(203, 221, 235);
 
 // Links
 $links: #648FFF;
 $links__hover: $lightbg__accent;
-$links__visited: #5A3EC8;
+$links__visited: $purple;
 $links__disabled: rgba(27, 40, 52, 0.70);
 
 // Navigation
@@ -44,7 +49,8 @@
 $nav__second-level-color: #e6e9ed;
 
 // Status colors
-$error-color: #FF5C49;
+$error-color: #e62425;
 $status-ok: #34bc6e;
 $status-ok-light: #bcefce;
-$status-warn: #ffb000;
\ No newline at end of file
+$status-warn: #ffb000;
+
diff --git a/app/common/styles/base/forms.scss b/app/common/styles/base/forms.scss
index f899e0c..b49c5b2 100644
--- a/app/common/styles/base/forms.scss
+++ b/app/common/styles/base/forms.scss
@@ -57,73 +57,3 @@
     box-shadow: 0 0 0;
   }
 }
-
-//Custom Checkbox and Radio
-.checkbox-custom,
-.radio-custom {
-  opacity: 0;
-  position: absolute;
-}
-
-.checkbox-custom, .checkbox-custom-label,
-.radio-custom,
-.radio-custom-label {
-  display: inline-block;
-  vertical-align: middle;
-  margin: .1em 0 .1em -.5em;
-  padding: .5em;
-  cursor: pointer;
-}
-
-.checkbox-custom-label, .radio-custom-label {
-  position: relative;
-  padding-left: 2em;
-
-}
-
-.checkbox-custom + .checkbox-custom-label:before,
-.radio-custom + .radio-custom-label:before {
-  content: '';
-  background: #fff;
-  border: 1px solid $lightbg__grey;
-  display: inline-block;
-  vertical-align: middle;
-  width: 16px;
-  height: 16px;
-  margin-right: 10px;
-  margin-top: -3px;
-  text-align: center;
-  position: absolute;
-  left: 9px;
-  top: 15px;
-}
-
-.checkbox-custom:checked + .checkbox-custom-label:after {
-  content: '\2713';
-  position: absolute;
-  left: 10px;
-  top: 3px;
-  font-size: 1em;
-  padding: 4px 0 0 2px;
-  color: $white;
-}
-
-.checkbox-custom:checked + .checkbox-custom-label:before {
-  background: $lightbg__primary;
-  @include fastTransition-all;
-}
-
-.radio-custom + .radio-custom-label:before {
-  border-radius: 50%;
-}
-
-.radio-custom:checked + .radio-custom-label:before {
-  background: $lightbg__primary;
-  @include fastTransition-all;
-  box-shadow: inset 0px 0px 0px 2px #fff;
-}
-
-
-.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
-  outline: 1px solid $lightbg__grey; /* focus style */
-}
diff --git a/app/common/styles/base/foundation b/app/common/styles/base/foundation.scss
similarity index 100%
rename from app/common/styles/base/foundation
rename to app/common/styles/base/foundation.scss
diff --git a/app/common/styles/base/mixins.scss b/app/common/styles/base/mixins.scss
index 71d8f39..6caeba7 100644
--- a/app/common/styles/base/mixins.scss
+++ b/app/common/styles/base/mixins.scss
@@ -30,6 +30,11 @@
   font-weight: 200;
 }
 
+@mixin fontCourierBold {
+  font-family: "Courier New", Helvetica, arial, sans-serif;
+  font-weight: 700;
+}
+
 //Transitions mixin
 @mixin fastTransition-all {
   transition: all .5s ease;
diff --git a/app/common/styles/components/form-elements.scss b/app/common/styles/components/form-elements.scss
index e69de29..f4be1b1 100644
--- a/app/common/styles/components/form-elements.scss
+++ b/app/common/styles/components/form-elements.scss
@@ -0,0 +1,172 @@
+// Drop downs
+.dropdown__button {
+  position: relative;
+  padding: 1em;
+  margin-top: -10px;
+  &.active,
+  &:hover {
+    background: $dropdown__focus-bg;
+  }
+  &:after {
+    content: '\276F';
+    display: inline-block;
+    margin-left: 5px;
+    font-size: .8em;
+    transform: rotate(90deg);
+    color: $lightbg__primary;
+  }
+}
+
+.dropdown__wrapper {
+  position: relative;
+  display: inline-block;
+  float: left;
+}
+
+.dropdown__list {
+  position: absolute;
+  z-index: 100;
+  right: 0;
+  top: 100%;
+  background: $white;
+  padding: 0;
+  width: 100%;
+  border: 1px solid $lightbg__grey;
+  margin-top: -5px;
+  box-shadow: 0 4px 10px -2px $lightgrey;
+  li {
+    list-style-type: none;
+  }
+  button {
+    padding: 1em 1em 1em 1.8em;
+    text-align: left;
+    width: 100%;
+    &:hover {
+      background: $dropdown__focus-bg;
+    }
+  }
+}
+
+.dropdown__list {
+  min-width: 230px;
+}
+.dropdown__list.multi-select {
+  > .active {
+    position: relative;
+    &:before {
+      content: '\2713';
+      position: absolute;
+      display: inline-block;
+      top: 50%;
+      left: .6em;
+      color: $lightbg__primary;
+      transform: translateY(-50%);
+    }
+  }
+}
+
+.dropdown__date {
+  width: 430px;
+  .row {
+    padding: 1em;
+    margin-right: 0;
+  }
+  input {
+    max-width: 170px;
+    color: $darkgrey;
+  }
+}
+
+
+
+// Checkbox
+
+.control-check {
+  font-size: 18px;
+  position: relative;
+  display: inline-block;
+  margin-bottom: 15px;
+  padding-left: 1em;
+  padding-top: 7px;
+  cursor: pointer;
+  line-height: .5;
+}
+
+.control-check input {
+  position: absolute;
+  z-index: -1;
+  opacity: 0;
+}
+
+.control__indicator {
+  position: absolute;
+  top: 2px;
+  left: 0;
+  width: 20px;
+  height: 20px;
+  background: $white;
+  border: 1px solid $lightgrey;
+}
+
+.control--radio .control__indicator {
+  border-radius: 50%;
+}
+
+/* Hover and focus states */
+.control-check:hover input ~ .control__indicator,
+.control-check input:focus ~ .control__indicator {
+  border: 1px solid $primebtn__bg;
+}
+
+/* Checked state */
+.control-check input:checked ~ .control__indicator {
+  background: $primebtn__bg;
+
+}
+
+/* Hover state whilst checked */
+.control-check:hover input:not([disabled]):checked ~ .control__indicator {
+  background: $primebtn__bg;
+}
+
+/* Disabled state */
+.control-check input:disabled ~ .control__indicator {
+  pointer-events: none;
+  opacity: .6;
+  background: #ccc;
+  border: 1px solid $white;
+}
+
+.control-check:hover > input:disabled ~ .control__indicator {
+  outline: 0;
+}
+
+/* Check mark */
+.control__indicator:after,
+.control-check input:not(:checked){
+  position: absolute;
+  display: none;
+  content: '';
+}
+
+/* Show check mark */
+.control-check input:checked ~ .control__indicator:after {
+  display: block;
+}
+
+/* Checkbox tick */
+.control-check .control__indicator:after {
+  top: 3px;
+  left: 7px;
+  width: 5px;
+  height: 10px;
+  transform: rotate(45deg);
+  border: solid $white;
+  border-width: 0 2px 2px 0;
+}
+
+/* Disabled tick colour */
+.control-check input:disabled ~ .control__indicator:after {
+  border-color: $white;
+  color: $white;
+}
\ No newline at end of file
diff --git a/app/common/styles/elements/index.scss b/app/common/styles/elements/index.scss
index 7d04da2..6277a91 100644
--- a/app/common/styles/elements/index.scss
+++ b/app/common/styles/elements/index.scss
@@ -2,4 +2,5 @@
 @import "toggle-switch";
 @import "status";
 @import "alerts";
+@import "tags";
 @import "inline-confirm";
\ No newline at end of file
diff --git a/app/common/styles/elements/tags.scss b/app/common/styles/elements/tags.scss
new file mode 100644
index 0000000..b2eab1d
--- /dev/null
+++ b/app/common/styles/elements/tags.scss
@@ -0,0 +1,63 @@
+// Tags
+
+.tag {
+  font-size: .9em;
+  padding: .4em .8em .2em;
+  position: relative;
+  display: inline-block;
+  font-weight: 700;
+  padding-right: 60px;
+  border-radius: 3px;
+  line-height: 1.5;
+  overflow: hidden;
+  margin: .4em .3em;
+  min-width: 185px;
+  text-align: left;
+  &:hover {
+    cursor: pointer;
+  }
+  &:before { // close icon
+    content: '+';
+    font-size: 2em;
+    font-weight: 400;
+    transform: rotate(45deg);
+    display: inline-block;
+    position: absolute;
+    right: 0;
+    top: 50%;
+    margin-top: -18px;
+    color: $darkgrey;
+    height: 20px;
+    width: 20px;
+  }
+  &:after { // white separator
+    content: '';
+    height: 100%;
+    position: absolute;
+    top: 0;
+    right: 40px;
+    border-left: 1px solid $white;
+  }
+}
+
+//Custom tag
+.tag.custom {
+  background: lighten($darkbg__primary, 65%);
+}
+
+//Event log tags
+.event__resolved {
+  background: lighten($purple, 40%);
+}
+.event__unresolved {
+  background: lighten($purple, 40%);
+}
+.event__high {
+  background: lighten($error-color, 30%);
+}
+.event__medium{
+  background: lighten($alert__warning, 30%);
+}
+.event__low {
+  background: lighten($lightbg__primary, 30%);
+}
\ No newline at end of file
diff --git a/app/index.html b/app/index.html
index fd308fc..b6e0d3c 100644
--- a/app/index.html
+++ b/app/index.html
@@ -7,6 +7,7 @@
     <link rel="icon" href="favicon.ico?v=2"/>
     <!-- build:css styles/app.min.css -->
     <link rel="stylesheet" href="styles/index.css">
+
     <!-- endbuild -->
 </head>
 <body ng-style="dataService.bodyStyle" ng-attr-id="{{dataService.path == '/login' ? 'login': ''}}">
diff --git a/app/overview/controllers/log-controller.html b/app/overview/controllers/log-controller.html
index 1540887..23cd500 100644
--- a/app/overview/controllers/log-controller.html
+++ b/app/overview/controllers/log-controller.html
@@ -1,30 +1,391 @@
 <div id="event-log">
 
-<div class="row column">
-    <h1>Event Log</h1>
-</div>
+    <div class="row column">
+        <h1>Event Log</h1>
+    </div>
 
-<!-- Current status and bar display the state of the server. Class 'power__state-off' is applied to bar and 'power__state' text switches to say "off"-->
-<div class="row column page-header">
-    <h2 class="inline h4">All events generated by the system</h2>
-    <div class="event-log__timezone inline float-right">
-        <ul class="event-log__tz-list inline">
-            <li>User timezone: EDT (UTC-4)</li>
-            <li>UTC Timezone : UTC - 0</li>
-        </ul>
-    </div>
-</div>
+    <section class="row column">
+        <div class="page-header">
+            <h2 class="inline h4">All events generated by the system</h2>
+            <div class="event-log__timezone inline float-right">
+                <button class="dropdown__button" ng-click="timezone = timezone == true ? false : true;"
+                        ng-blur="timezone = timezone == true ? false : false;">User timezone: EDT (UTC-4)
+                </button>
+                <ul class="dropdown__list inline" ng-show="timezone">
+                    <li>
+                        <button>User timezone: EDT (UTC-4)</button>
+                    </li>
+                    <li>
+                        <button>UTC Timezone : UTC - 0</button>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </section>
 
-<div id="event-filter" class="row">
-    <div class="column large-6">
-        <p class="filter-label">Filter by severity</p>
-        <button class="btn-secondary inline first">High</button>
-        <button class="btn-primary inline">Medium</button>
-        <button class="btn-secondary inline">Low</button>
-        <button class="btn-secondary inline last">Resolved</button>
-    </div>
-    <div class="column large-6">
-        <p class="filter-label">Filter by date range (MM/DD/YYYY)</p>
-    </div>
-</div>
-</div>
\ No newline at end of file
+    <!-- Filters -->
+    <section class="row column">
+
+        <!-- filters -->
+        <div class="event-log__filters">
+            <!-- severity filter -->
+            <div class="dropdown__wrapper">
+                <button class="dropdown__button" ng-click="severityFilter = severityFilter == true ? false : true;"
+                        ng-class="{'active' : severityFilter}">All Severity
+                </button>
+                <ul class="dropdown__list multi-select inline" ng-show="severityFilter">
+                    <li>
+                        <button>All severity (999)</button>
+                    </li>
+                    <li ng-click="dropdown_selectedHigh = !dropdown_selectedHigh; filterHigh = !filterHigh "
+                        ng-class="{'active' : dropdown_selectedHigh, 'active' : filterHigh}">
+                        <button>High severity (999)</button>
+                    </li>
+                    <li ng-click="dropdown_selectedMed = !dropdown_selectedMed; filterMed = !filterMed"
+                        ng-class="{'active' : dropdown_selectedMed, 'active' : filterMed}">
+                        <button>Medium severity (999)</button>
+                    </li>
+                    <li ng-click="dropdown_selectedLow = !dropdown_selectedLow; filterLow = !filterLow"
+                        ng-class="{'active' : dropdown_selectedLow, 'active' : filterLow}">
+                        <button>Low severity (999)</button>
+                    </li>
+                </ul>
+            </div>
+            <!-- date range -->
+            <div class="dropdown__wrapper">
+                <button class="dropdown__button" ng-click="dateFilter = dateFilter == true ? false : true;"
+                        ng-class="{'active' : dateFilter}">Date Range
+                </button>
+                <div class="dropdown__list dropdown__date row" ng-show="dateFilter">
+                    <div class="column small-6">
+                        <label>Start Date</label>
+                        <input type="date"/>
+                    </div>
+                    <div class="column small-6">
+                        <label>End Date</label>
+                        <input type="date"/>
+                    </div>
+                </div>
+            </div>
+            <!-- Status filter -->
+            <div class="dropdown__wrapper">
+                <button class="dropdown__button" ng-click="statusFilter = statusFilter == true ? false : true;"
+                        ng-class="{'active' : statusFilter}">Status
+                </button>
+                <ul class="dropdown__list multi-select inline" ng-show="statusFilter">
+                    <li>
+                        <button>All status (999)</button>
+                    </li>
+                    <li ng-click="dropdown_selectedResolved = !dropdown_selectedResolved; filterResolved = !filterResolved"
+                        ng-class="{'active' : dropdown_selectedResolved, 'active' : filterResolved}">
+                        <button>Resolved issues (999)</button>
+                    </li>
+                    <li ng-click="dropdown_selectedUnresolved = !dropdown_selectedUnresolved; filterUnresolved = !filterUnresolved"
+                        ng-class="{'active' : dropdown_selectedUnresolved, 'active' : filterUnresolved}">
+                        <button>Unresolved issues (999)</button>
+                    </li>
+                </ul>
+            </div>
+        </div>
+
+        <!-- search -->
+        <div class="event-log__search">
+            <label for="event__search">Event Log Search</label>
+            <input id="event__search" type="text" placeholder="Filter issues"/>
+            <input id="event__search-submit" type="submit" class="btn btn-secondary" value="Submit"/>
+            <div class="event__search-tag-wrapper row" ng-show="filterUnresolved || filterResolved || filterHigh || filterMed || filterLow">
+                <div class="column small-2 large-1 no-padding">
+                    <p class="inline label tag-filter-label">Filtered by: </p>
+                </div>
+                <div class="column small-10 large-11 ">
+                    <button class="tag custom">Custom Tag</button>
+                    <button class="tag event__high" ng-click="filterHigh = !filterHigh" ng-show="filterHigh">High priority
+                    </button>
+                    <button class="tag event__medium" ng-click="filterMed = !filterMed" ng-show="filterMed">Medium priority
+                    </button>
+                    <button class="tag event__low" ng-click="filterLow = !filterLow" ng-show="filterLow">Low priority
+                    </button>
+                    <button class="tag event__resolved" ng-click="filterUnresolved = !filterUnresolved"
+                                                ng-show="filterUnresolved">Unresolved issues
+                    </button>
+                    <button class="tag event__resolved" ng-click="filterResolved = !filterResolved"
+                            ng-show="filterResolved">Resolved issues
+                    </button>
+                </div>
+            </div>
+        </div>
+    </section> <!-- end filter -->
+
+    <section id="event-log__events" class="row column">
+
+        <div id="event__actions-bar" class="row ">
+            <div class="column small-1 large-1 event-log__col-check">
+                <label class="control-check">
+                    <input type="checkbox" name="events__check-all" ng-model="all"/>
+                    <div class="control__indicator"></div>
+                </label>
+            </div>
+            <div class="column small-11 large-11 end col-logged-events">
+                <p class="inline"><span class="event__select-count">999</span> Events are logged</p>
+                <!-- when logs are selected, this text changes to show how many logs are checked -->
+                <div class="event__actions">
+                    <button class="inline btn-delete" ng-show="event || all">
+                        <img class="event__icon" src="assets/images/icon-trashcan.svg" alt="">Delete
+                    </button>
+                    <button class="inline btn-resolve" ng-show="event || all">
+                        <img class="event__icon" src="assets/images/icon-checklist.svg" alt="">Mark as resolved
+                    </button>
+                    <button class="inline btn-export">Export</button>
+                </div>
+            </div>
+        </div>
+
+        <!-- EVENT -->
+        <div class="row column event-log__single-event"
+             ng-class="{'active': event__metadatarow, 'selected': event__selected}">
+            <div class="row">
+                <div class="column small-1 large-2 event-log__col-check">
+                    <label class="control-check">
+                        <input type="checkbox" name="event__check" ng-click="event__selected= ! event__selected"
+                               ng-model="event" ng-checked="all"/>
+                        <div class="control__indicator"></div>
+                    </label>
+                </div>
+                <div class="column small-9 large-9 event-log__event-info"
+                     ng-click="event__metadatarow = ! event__metadatarow">
+                    <p class="inline event__priority med-priority">Medium</p>
+                    <p class="inline event__severity">warning</p>
+                    <p class="inline event__description">org.open_power.Error.Host.Event.Event</p>
+                    <div>
+                        <p class="inline event__id">#00997</p>
+                        <p class="inline event__timestamp">03/09/2017 21:00:26 EDT</p></div>
+                </div>
+                <div class="column small-1 large-1">
+                    <button class="accord-trigger" ng-class="{'active': event__metadatarow}"
+                            ng-click="event__metadatarow = ! event__metadatarow"></button>
+                </div>
+            </div>
+            <div class="row event__metadata-row" ng-class="{'active': event__metadatarow}">
+                <div class="column small-1 large-1 event-log__col-check">&nbsp;</div>
+                <div class="column small-11 large-11 end">
+                    <div class="event__metadata">ESEL=00 00 df 00 00 00 00 20 00 04 12 01 6f aa 00 00 50 48 00 30 01 00 17 00 00 00 00 04 31 71 56 4c 00 00 00 04 31 73 df b2 42 00 00 07 00 00 00 00 00 00 00 00 00 00 00 00 90 00 00 28 90 00 00 28 55 48 00 18 01 00 17 00 8a 03 40 00 00 00 00 00 ff ff 00 00 00 00 00 00 50 53 00 50 01 01 00 00 02 00 00 09 17 0e 00 48 00 00 00 e0 00 00 0a 00 00 00 00 00 00 20 00 00 00 05 00 01 00 2d 00 04 00 00 00 00 00 00 00 00 42 43 38 41 31 37 30 45 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 55 44 00 1c 01 06 01 00 02 54 41 4b 00 00 00 06 00 00 00 55 00 03 b6 94 00 00 00 00 55 44 00 4c 01 02 01 00 ee ee ee ee 54 61 72 67 65 74 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 05 00 01 00 00 00 03 00 00 00 05 00 00 00 14 0f 7a bb 7c 23 01 00 02 00 05 01 0b 5a fc d7 13 01 00 02 00 05 01 00 00 55 44 00 30 01 03 01 00 00 00 00 00 00 03 f3 54 00 00 00 00 00 03 b6 94 00 00 00 00 40 03 dd 68 00 00 00 00 40 03 ba 48 00 00 00 00 00 00 25 80 55 44 00 38 01 01 01 00 48 6f 73 74 62 6f 6f 74 20 42 75 69 6c 64 20 49 44 3a 20 68 6f 73 74 62 6f 6f 74 2d 38 36 62 61 65 31 63 2f 68 62 69 63 6f 72 65 2e 62 69 6e 00 00 00 df 00 00 00 00 20 00 04 12 01 6f aa 00 00 50 48 00 30 01 00 17 00 00 00 00 04 31 71 56 4c 00 00 00 04 31 73 df b2 42 00 00 07 00 00 00 00 00 00 00 00 00 00 00 00 90 00 00 28 90 00 00 28 55 48 00 18 01 00 17 00 8a 03 40 00 00 00 00 00 ff ff 00 00 00 00 00 00 50 53 00 50 01 01 00 00 02 00 00 09 17 0e 00 48 00 00 00 e0 00 00 0a 00 00 00 00 00 00 20 00 00 00 05 00 01 00 2d 00 04 00 00 00 00 00 00 00 00 42 43 38 41 31 37 30 45 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 55 44 00 1c 01 06 01 00 02 54 41 4b 00 00 00 06 00 00 00 55 00 03 b6 94 00 00 00 00 55 44 00 4c 01 02 01 00 ee ee ee ee 54 61 72 67 65 74 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 05 00 01 00 00 00 03 00 00 00 05 00 00 00 14 0f 7a bb 7c 23 01 00 02 00 05 01 0b 5a fc d7 13 01 00 02 00 05 01 00 00 55 44 00 30 01 03 01 00 00 00 00 00 00 03 f3 54 00 00 00 00 00 03 b6 94 00 00 00 00 40 03 dd 68 00 00 00 00 40 03 ba 48 00 00 00 00 00 00 25 80 55 44 00 38 01 01 01 00 48 6f 73 74 62 6f 6f 74 20 42 75 69 6c 64 20 49 44 3a 20 68 6f 73 74 62 6f 6f 74 2d 38 36 62 61 65 31 63 2f 68 62 69 63 6f 72 65 2e 62 69 6e 00 00 df 00 00 00 00 20 00 04 12 01 6f aa 00 00 50 48 00 30 01 00 17 00 00 00 00 04 31 71 56 4c 00 00 00 04 31 73 df b2 42 00 00 07 00 00 00 00 00 00 00 00 00 00 00 00 90 00 00 28 90 00 00 28 55 48 00 18 01 00 17 00 8a 03 40 00 00 00 00 00 ff ff 00 00 00 00 00 00 50 53 00 50 01 01 00 00 02 00 00 09 17 0e 00 48 00 00 00 e0 00 00 0a 00 00 00 00 00 00 20 00 00 00 05 00 01 00 2d 00 04 00 00 00 00 00 00 00 00 42 43 38 41 31 37 30 45 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 55 44 00 1c 01 06 01 00 02 54 41 4b 00 00 00 06 00 00 00 55 00 03 b6 94 00 00 00 00 55 44 00 4c 01 02 01 00 ee ee ee ee 54 61 72 67 65 74 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 05 00 01 00 00 00 03 00 00 00 05 00 00 00 14 0f 7a bb 7c 23 01 00 02 00 05 01 0b 5a fc d7 13 01 00 02 00 05 01 00 00 55 44 00 30 01 03 01 00 00 00 00 00 00 03 f3 54 00 00 00 00 00 03 b6 94 00 00 00 00 40 03 dd 68 00 00 00 00 40 03 ba 48 00 00 00 00 00 00 25 80 55 44 00 38 01 01 01 00 48 6f 73 74 62 6f 6f 74 20 42 75 69 6c 64 20 49 44 3a 20 68 6f 73 74 62 6f 6f 74 2d 38 36 62 61 65 31 63 2f 68 62 69 63 6f 72 65 2e 62 69 6e 00
+                    </div>
+                    <div>
+                        <div class="event__actions">
+                            <button class="btn-meta-copy"><img class="event__icon" src="assets/images/icon-copy.svg"
+                                                               alt="">Copy
+                            </button>
+                            <button class="btn-delete"><img class="event__icon" src="assets/images/icon-trashcan.svg"
+                                                            alt="">Delete
+                            </button>
+                            <button class="btn-resolve"><img class="event__icon" src="assets/images/icon-checklist.svg"
+                                                             alt="">Resolved
+                            </button>
+                        </div>
+                        <div class="event__related">
+                            <p class="inline event__related-label">Related issue</p>
+                            <p class="inline event__related-item">Attribute-1</p>
+                            <p class="inline event__related-item">Attribute-2</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- EVENT -->
+        <div class="row column event-log__single-event"
+             ng-class="{'active': event__metadatarow_2, 'selected': event__selected_2}">
+            <div class="row">
+                <div class="column small-1 large-2 event-log__col-check">
+                    <label class="control-check">
+                        <input type="checkbox" name="events__check" ng-click="event__selected_2= ! event__selected_2"
+                               ng-checked="all" />
+                        <div class="control__indicator"></div>
+                    </label>
+                </div>
+                <div class="column small-9 large-9 event-log__event-info"
+                     ng-click="event__metadatarow_2 = ! event__metadatarow_2">
+                    <p class="inline event__priority event-resolved">Resolved</p>
+                    <p class="inline event__severity">emergency</p>
+                    <p class="inline event__description">org.open_power.Error.Host.Event.Event</p>
+                    <div>
+                        <p class="inline event__id">#00996</p>
+                        <p class="inline event__timestamp">03/09/2017 21:00:26 EDT</p></div>
+                </div>
+                <div class="column small-1 large-1">
+                    <button class="accord-trigger" ng-class="{'active': event__metadatarow_2}"
+                            ng-click="event__metadatarow_2 = ! event__metadatarow_2"></button>
+                </div>
+            </div>
+            <div class="row event__metadata-row" ng-class="{'active': event__metadatarow_2}">
+                <div class="column small-1 large-1 event-log__col-check">&nbsp;</div>
+                <div class="column small-11 large-11 end">
+                    <div class="event__metadata">Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam
+                        id dui posuere blandit. Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus.
+                        Quisque velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci
+                        porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum
+                        ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id
+                        imperdiet et, porttitor at sem. Nulla porttitor accumsan tincidunt.Curabitur aliquet quam id dui
+                        posuere blandit. Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui
+                        posuere blandit. Proin eget tortor risus. Quisque velit nisi, pretium ut lacinia in, elementum
+                        id enim. Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a
+                        pellentesque nec, egestas non nisi. Vestibulum ac diam sit amet quam vehicula elementum sed sit
+                        amet dui. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla porttitor
+                        accumsan tincidunt.Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui
+                        posuere blandit. Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus. Quisque
+                        velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci porta
+                        dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum ac
+                        diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id
+                        imperdiet et, porttitor at sem. Nulla porttitor accumsan tincidunt.Curabitur aliquet quam id dui
+                        posuere blandit. Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui
+                        posuere blandit. Proin eget tortor risus. Quisque velit nisi, pretium ut lacinia in, elementum
+                        id enim. Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a
+                        pellentesque nec, egestas non nisi. Vestibulum ac diam sit amet quam vehicula elementum sed sit
+                        amet dui. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla porttitor
+                        accumsan tincidunt.
+
+                    </div>
+                    <div>
+                        <div class="event__actions">
+                            <button class="btn-meta-copy"><img class="event__icon" src="assets/images/icon-copy.svg"
+                                                               alt="">Copy
+                            </button>
+                            <button class="btn-delete"><img class="event__icon" src="assets/images/icon-trashcan.svg"
+                                                            alt="">Delete
+                            </button>
+                            <button class="btn-resolve"><img class="event__icon" src="assets/images/icon-checklist.svg"
+                                                             alt="">Resolved
+                            </button>
+                        </div>
+                        <div class="event__related">
+                            <p class="inline event__related-label">Related issue</p>
+                            <p class="inline event__related-item">Attribute-1</p>
+                            <p class="inline event__related-item">Attribute-2</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- EVENT -->
+        <div class="row column event-log__single-event" ng-class="{'active': event__metadatarow_1}">
+            <div class="row">
+                <div class="column small-1 large-2 event-log__col-check">
+                    <label class="control-check">
+                        <input type="checkbox" name="events__check" ng-checked="all"/>
+                        <div class="control__indicator"></div>
+                    </label>
+                </div>
+                <div class="column small-9 large-9 event-log__event-info"
+                     ng-click="event__metadatarow_1 = ! event__metadatarow_1">
+                    <p class="inline event__priority high-priority">High</p>
+                    <p class="inline event__severity">emergency</p>
+                    <p class="inline event__description">Vestibulum ac diam sit amet quam vehicula aliquet quam id
+                        dui</p>
+                    <div>
+                        <p class="inline event__id">#00995</p>
+                        <p class="inline event__timestamp">03/09/2017 21:00:26 EDT</p></div>
+                </div>
+                <div class="column small-1 large-1">
+                    <button class="accord-trigger" ng-class="{'active': event__metadatarow_1}"
+                            ng-click="event__metadatarow_1 = ! event__metadatarow_1"></button>
+                </div>
+            </div>
+            <div class="row event__metadata-row" ng-class="{'active': event__metadatarow_1}">
+                <div class="column small-1 large-1 event-log__col-check">&nbsp;</div>
+                <div class="column small-11 large-11 end">
+                    <div class="event__metadata">Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam
+                        id dui posuere blandit. Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus.
+                        Quisque velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci
+                        porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum
+                        ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id
+                        imperdiet et, porttitor at sem. Nulla porttitor accumsan tincidunt.Curabitur aliquet quam id dui
+                        posuere blandit. Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui
+                        posuere blandit. Proin eget tortor risus. Quisque velit nisi, pretium ut lacinia in, elementum
+                        id enim. Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a
+                        pellentesque nec, egestas non nisi. Vestibulum ac diam sit amet quam vehicula elementum sed sit
+                        amet dui. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla porttitor
+                        accumsan tincidunt.Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui
+                        posuere blandit. Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus. Quisque
+                        velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci porta
+                        dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum ac
+                        diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id
+                        imperdiet et, porttitor at sem. Nulla porttitor accumsan tincidunt.Curabitur aliquet quam id dui
+                        posuere blandit. Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui
+                        posuere blandit. Proin eget tortor risus. Quisque velit nisi, pretium ut lacinia in, elementum
+                        id enim. Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a
+                        pellentesque nec, egestas non nisi. Vestibulum ac diam sit amet quam vehicula elementum sed sit
+                        amet dui. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla porttitor
+                        accumsan tincidunt.
+                    </div>
+                    <div>
+                        <div class="event__actions">
+                            <button class="btn-meta-copy"><img class="event__icon" src="assets/images/icon-copy.svg"
+                                                               alt="">Copy
+                            </button>
+                            <button class="btn-delete"><img class="event__icon" src="assets/images/icon-trashcan.svg"
+                                                            alt="">Delete
+                            </button>
+                            <button class="btn-resolve"><img class="event__icon" src="assets/images/icon-checklist.svg"
+                                                             alt="">Resolved
+                            </button>
+                        </div>
+                        <div class="event__related">
+                            <p class="inline event__related-label">Related issue</p>
+                            <p class="inline event__related-item">Attribute-1</p>
+                            <p class="inline event__related-item">Attribute-2</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- EVENT -->
+        <div class="row column event-log__single-event">
+            <div class="row">
+                <div class="column small-1 large-2 event-log__col-check">
+                    <label class="control-check">
+                        <input type="checkbox" name="events__check" ng-checked="all"/>
+                        <div class="control__indicator"></div>
+                    </label>
+                </div>
+                <div class="column small-9 large-9 event-log__event-info">
+                    <p class="inline event__priority low-priority">Low</p>
+                    <p class="inline event__severity">Informational</p>
+                    <p class="inline event__description">org.open_power.Error.Host.Event.Event</p>
+                    <div>
+                        <p class="inline event__id">#00994</p>
+                        <p class="inline event__timestamp">03/09/2017 21:00:26 EDT</p></div>
+                </div>
+                <div class="column small-1 large-1">
+                    <button class="accord-trigger"></button>
+                </div>
+            </div>
+            <div class="row event__metadata-row">
+                <div class="column small-1 large-1 event-log__col-check">&nbsp;</div>
+                <div class="column small-11 large-11 end">
+                    <div class="event__metadata">
+
+                    </div>
+                    <div>
+                        <div class="event__actions">
+                            <button class="btn-meta-copy"><img class="event__icon" src="assets/images/icon-copy.svg"
+                                                               alt="">Copy
+                            </button>
+                            <button class="btn-delete"><img class="event__icon" src="assets/images/icon-trashcan.svg"
+                                                            alt="">Delete
+                            </button>
+                            <button class="btn-resolve"><img class="event__icon" src="assets/images/icon-checklist.svg"
+                                                             alt="">Resolved
+                            </button>
+                        </div>
+                        <div class="event__related">
+                            <p class="inline event__related-label">Related issue</p>
+                            <p class="inline event__related-item">Attribute-1</p>
+                            <p class="inline event__related-item">Attribute-2</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+</div> <!-- end event log -->
diff --git a/app/overview/controllers/log-controller.js b/app/overview/controllers/log-controller.js
index 3b85605..b952893 100644
--- a/app/overview/controllers/log-controller.js
+++ b/app/overview/controllers/log-controller.js
@@ -19,6 +19,8 @@
             'dataService',
             function($scope, $window, APIUtils, dataService, userModel){
                 $scope.dataService = dataService;
+
+                $scope.dropdown_selected = false;
             }
         ]
     );
diff --git a/app/overview/controllers/power-operations-controller.html b/app/overview/controllers/power-operations-controller.html
index 48d4357..edab627 100644
--- a/app/overview/controllers/power-operations-controller.html
+++ b/app/overview/controllers/power-operations-controller.html
@@ -24,7 +24,7 @@
 
         <!-- Power on displays only when server is shutdown -->
         <div class="row column power-option" ng-hide="dataService.server_state == 'Running'" ng-class="{disabled: (confirm && !power_confirm) || dataService.loading, transitionAll: confirm && power_confirm}">
-            <button id="power__power-on" class="btn-secondary" ng-click="togglePower()" role="button">Power On</button>
+            <button id="power__power-on" class="btn-secondary" ng-click="togglePower()" role="button"><img src="assets/images/icon-power.svg">Power On</button>
             <p>Attempts to power on the server</p>
 
             <!---<confirm title="power off" message="Power off the server" confirm="power_confirm" ng-show="power_confirm" callback="togglePower"></confirm>-->
diff --git a/app/overview/styles/log.scss b/app/overview/styles/log.scss
index fb642d8..1c7b0b8 100644
--- a/app/overview/styles/log.scss
+++ b/app/overview/styles/log.scss
@@ -1,51 +1,339 @@
 // Event Log SCSS
-
 #event-log {
 
-  #event-filter {
-    button {
-      margin: 3px -3px;
-      padding: .5em 2em;
-      min-height: 2em;
-      font-size: .9em;
-      border-radius: 0;
-      &.first,
-      &.last {
-        border-radius: 3px;
-        
-      }
+  .accord-trigger {
+    transform: rotate(90deg);
+    font-size: 1.5em;
+    color: lighten($darkgrey, 10%);
+    padding: .3em;
+    display: block;
+    margin: 0 auto;
+    transition: all .2s ease;
+    &:after {
+      content: '\276F'
     }
-    .btn-primary {
-      border: 2px solid $primebtn__bg;
+    &.active {
+      transform: rotate(-90deg);
+      color: $darkbg__accent;
     }
-    .filter-label {
-      color: darken($lightgrey, 10%);
-      text-transform: uppercase;
-      font-weight: 700;
-      font-size: .75em;
-      margin-bottom: 3px;
+    &:focus {
+      outline: 0;
+      color: $darkbg__accent;
+    }
+  }
+  .row {
+    padding: 0;
+    margin-left: 0;
+  }
 
-    }
+  // Dropwdowns filter
+  .dropdown__date.row {
+    padding: .5em;
   }
 
   //Timezone select
-  .event-log__timezone {
+  .event-log__timezone,
+  .event-log__timezone button {
+    position: relative;
     text-transform: uppercase;
     color: $lightbg__primary;
-    font-size: .8em;
+    font-size: .9em;
     font-weight: 700;
-    margin-top: -1em;
-    .event-log__tz-list {
-      display: inline-block;
-      padding-left: .5em;
-      margin-top: -3px;
-      li {list-style-type: none;}
-    }
-    &:after {
-      content: '\25bC';
-      font-size: .8em;
-      display: inline-block;
-      margin-left: 5px;
+  }
+
+}
+
+// Event log search
+
+.event-log__search {
+  width: 100%;
+  max-width: 99%;
+  display: inline-block;
+  position: relative;
+  margin-right: 1em;
+  margin-top: .5em;
+  @media (min-width: 1333px) {
+    max-width: 60%;
+    margin-top: 0;
+  }
+  #event__search {
+    margin: 0;
+    border: 0;
+    border-bottom: 2px solid $lightgrey;
+    padding-left: 40px;
+    &:focus {
+      box-shadow: none;
     }
   }
-} //end #event-log
\ No newline at end of file
+  label {
+    position: absolute;
+    text-indent: -9999px;
+    height:20px;
+    width: 20px;
+    left: 10px;
+    top: 25px;
+    transform: translateY(-50%);
+    background: url("../assets/images/icon-search.svg") center center no-repeat;
+    opacity: .6;
+  }
+  
+  #event__search-submit {
+    position: absolute;
+    top: .5em;
+    right: 0;
+    padding: 8px;
+    min-height: 20px;
+    max-width: 70px;
+    text-align: center;
+    margin: 0;
+  }
+
+  .tag-filter-label {
+    text-transform: uppercase;
+    color: $darkgrey;
+    font-size: .7em;
+    font-weight: 700;
+    min-height: 20px;
+    line-height:1.3;
+    margin-top: .5em;
+    text-align: right;
+  }
+}//end event-log__search
+
+.event-log__filters {
+  position: relative;
+  padding-bottom: .5em;
+  padding-top: .5em;
+
+  @media (min-width: 1333px) {
+    float: right;
+    display: inline-block;
+  }
+}
+
+// Event Log Events
+#event-log__events {
+  display: block;
+  margin-top: 1.6em;
+  border-top: 1px solid $lightgrey;
+  position: relative;
+  overflow: hidden;
+
+  #event__actions-bar {
+    padding-top: 1em;
+    padding-right: 1em;
+    background: $medgrey;
+    margin-left: 0;
+
+    .event__actions {
+      margin-top: 1em;
+      margin-right: 10px;
+      @include mediaQuery(medium) {
+        margin-top: 0;
+      }
+      @include mediaQuery(large) {
+        margin-right: -20px;
+      }
+    }
+  }
+
+  .event-log__col-check {
+    max-width: 60px;
+    text-align: center;
+  }
+  .col-logged-events {
+    span {
+      display: inline-block;
+      font-weight: 700;
+      margin-right: .3em;
+    }
+  }
+
+  //Export log
+  .btn-export, .btn-meta-copy,
+  .btn-delete,
+  .btn-resolve {
+    text-transform: capitalize;
+    color: $black;
+    font-size: .9em;
+    font-weight: 700;
+    position: relative;
+    padding: 0 0 1em 2em;
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+  .btn-export {
+    margin-top: 7px;
+    padding-bottom: 0;
+  }
+  .btn-export:before {
+    content: '\21E5';
+    position: absolute;
+    font-size: 1.7em;
+    vertical-align: middle;
+    transform: rotate(90deg);
+    display: inline-block;
+    left: 2px;
+    top: -5px;
+  }
+
+  .btn-meta-copy,
+  .btn-delete,
+  .btn-resolve {
+    margin-left: 5px;
+    padding: .5em .5em;
+  }
+
+  // Single event log card
+  .event-log__single-event {
+    border-top: 1px solid $lightgrey;
+    padding: 1em 1em 0 0em;
+    background: $lightblue;
+    &.active,
+    &.selected {
+      background: $white;
+    }
+    &:hover {
+      background: $white;
+    }
+  }
+
+  .event-log__event-info {
+    &:hover {
+      cursor: pointer;
+    }
+  }
+
+  //Event priorities
+  .event__priority {
+    color: $white;
+    font-size: .8em;
+    text-transform: uppercase;
+    padding: 2px 2em;
+    font-weight: 700;
+    line-height: inherit;
+    min-width: 103px;
+    text-align: center;
+
+    &.high-priority {
+      background: $error-color;
+
+    }
+    &.med-priority {
+      background: $alert__warning;
+
+    }
+    &.low-priority {
+      background: $lightbg__primary;
+    }
+    &.event-resolved {
+      background: $purple;
+      padding: 2px 1em;
+    }
+  }
+
+  //Event Severity
+  .event__severity {
+    font-size: .7em;
+    text-transform: uppercase;
+    color: $darkgrey;
+    font-weight: 700;
+    margin: 0 1em;
+    min-width: 103px;
+  }
+
+  //Event description
+  .event__description {
+    font-weight: 400;
+  }
+
+  //Event ID
+  .event__id {
+    @include fontCourierBold;
+    font-size: .9em;
+    color: $darkgrey;
+  }
+
+  .event__timestamp {
+    @include fontCourierBold;
+    font-size: .9em;
+    color: #999999;
+    margin-left: 1.2em;
+  }
+
+  // Event metadata row
+  .event__metadata-row {
+    height: 0;
+    overflow: hidden;
+    -webkit-transition: 0.5s linear all;
+    transition: 0.2s linear all;
+    &.active {
+      height: 400px;
+      @include mediaQuery(small) {
+        height: 320px;
+      }
+      @include mediaQuery(medium) {
+        height: 280px;
+      }
+    }
+  }
+
+  //Event metadata
+  .event__metadata {
+    height: 200px;
+    overflow-y: scroll;
+    border: 1px solid $lightgrey;
+    padding: .5em .5em 0;
+    background: $white;
+    display: block;
+    margin-bottom: 1.5em;
+    &::-webkit-scrollbar {
+      -webkit-appearance: none;
+      width: 7px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      border-radius: 4px;
+      background-color: rgba(0, 0, 0, .5);
+      -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
+    }
+  }
+
+  //Event Related Items
+  .event__related {
+    width: 100%;
+  }
+  .event__related-label {
+    font-weight: 700;
+    margin-right: 1.2em;
+    padding-top: .3em;
+  }
+
+  .event__related-item {
+    margin-right: 1em;
+    padding-top: .3em;
+  }
+  .event__actions {
+    margin-left: -1em;
+    //margin-bottom: 1em;
+    @include mediaQuery(medium) {
+      float: right;
+    }
+  }
+
+  .event__icon {
+    width: 20px;
+    height: 20px;
+    font-weight: normal;
+    margin-right: .5em;
+    margin-top: -3px;
+    display: inline-block;
+  }
+
+}
+
+//end event-log__events
+
+
+
diff --git a/package.json b/package.json
index 8005c7e..8e6844b 100644
--- a/package.json
+++ b/package.json
@@ -23,25 +23,26 @@
   "keywords": [
     "node"
   ],
-  "dependencies": {
-  },
+  "dependencies": {},
   "peerDependencies": {},
   "devDependencies": {
     "angular": "^1.5.6",
     "angular-route": "^1.5.6",
+    "autoprefixer": "^6.6.1",
     "bower": "1.8.0",
     "eslint-plugin-angular": "2.0.0",
     "event-stream": "3.3.4",
     "gulp": "3.9.1",
     "gulp-angular-templatecache": "2.0.0",
     "gulp-clean": "^0.3.2",
+    "gulp-clean-css": "^3.0.4",
     "gulp-connect": "5.0.0",
     "gulp-eslint": "3.0.1",
     "gulp-htmlparser": "^0.0.4",
     "gulp-if": "^1.2.5",
+    "gulp-imagemin": "^3.1.1",
     "gulp-jsoncombine": "^1.0.3",
     "gulp-load-tasks": "^0.8.3",
-    "gulp-clean-css": "^3.0.4",
     "gulp-ng-annotate": "^1.1.0",
     "gulp-ng-constant": "^0.3.0",
     "gulp-nodemon": "^2.1.0",
@@ -53,13 +54,12 @@
     "gulp-uglify": "^1.2.0",
     "gulp-useref": "^1.2.0",
     "gulp-util": "^3.0.6",
-    "gulp-imagemin": "^3.1.1",
-    "autoprefixer": "^6.6.1",
     "html-minifier": "^3.3.0",
     "node-sass": "^4.3.0",
     "onchange": "^3.2.1",
     "parallelshell": "^2.0.0",
-    "run-sequence": "^1.1.2"
+    "run-sequence": "^1.1.2",
+    "v-accordion": "^1.6.0"
   },
   "license": "MIT",
   "engines": {