diff --git a/dist/index.html b/dist/index.html
index 6f8171d686aeca03680a3ee97ca9c28ec9b78cbe..2cd06a5a90ab1b523342363ebc3517b191e19591 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -35,7 +35,7 @@
                 <div class="header-container">
                     <div class="header-content">
                         <div class="header-identity">
-                            <a ui-sref="home"><img src="img/logo.png" class="header-logo"/><span class="header-title">AIDE</span></a>
+                            <a ui-sref="home"><img src="img/logo.png" class="header-logo"/><span class="header-title">AIDER</span></a>
                         </div>
                         <div class="header-navigate">
                             <span class="inbox" ng-class='{unread: user.unreadNotifications}'></span>&nbsp;
diff --git a/dist/views/analyzer.endpoints.html b/dist/views/analyzer.endpoints.html
index d0b687abc844d8e2f78526053c0fc25d9ca0fbd5..d9729dab9bf1bcd75a8eedc02d39fb355ac71006 100644
--- a/dist/views/analyzer.endpoints.html
+++ b/dist/views/analyzer.endpoints.html
@@ -1,18 +1,18 @@
-<div style="border: 1px solid #d0d0d0; border-radius: 5px; border-collapse: separate;background-color: #f5f5f5;">
-    <div style="padding: 10px;">
+<div class="datapoint-container">
+    <div class="datapoint-title">
         <h1>Datapoint receiver</h1>
     </div>
-    <div style="background-color: #ffffff; padding: 10px;">
-        <div><span style="border: 2px solid #d0d0d0; padding: 2px 7px; border-radius: 4px;">POST</span> https://aide.syncleus.com/robotek/customers/receiver</div>
+    <div class="datapoint-details">
+        <div><span class="datapoint-http-method post-method">POST</span> https://aide.syncleus.com/robotek/customers/receiver</div>
         <hr/>
         Request parameters
         <table>
             <tbody>
             <tr ng-repeat-start="datapoint in datapoints">
-                <td><i class="fa fa-circle" style="color: #bbbbbb; padding-right: 10px; padding-top: 10px;"></i></td>
-                <td style="padding-right: 10px; padding-top: 10px;">{{datapoint.key}}</td>
-                <td style="padding-right: 10px; padding-top: 10px;">{{datapoint.type}}</td>
-                <td style="padding-top: 10px;">{{datapoint.description}}</td>
+                <td><i class="datapoint-cell datapoint-required optional"></i></td>
+                <td class="datapoint-cell">{{datapoint.key}}</td>
+                <td class="datapoint-cell">{{datapoint.type}}</td>
+                <td class="datapoint-cell">{{datapoint.description}}</td>
             </tr>
             <tr ng-repeat-end="">
                 <td colspan="3"></td>
diff --git a/scss/main.scss b/scss/main.scss
index d6dc8f3ce62ec767c97eb7c81cfa93ac6df6b6d9..71d6e526d091523460c144d75469b0e74913de90 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -453,3 +453,36 @@ footer div {
 .expand-collapse-links a:first-child {
     margin-left: 0;
 }
+
+.datapoint-container {
+    border: 1px solid #d0d0d0;
+    border-radius: 5px;
+    border-collapse: separate;
+    background-color: #f5f5f5;
+}
+
+.datapoint-title {
+    padding: 10px;
+}
+
+.datapoint-details {
+    background-color: #ffffff;
+    padding: 10px;
+}
+
+.datapoint-http-method.post-method {
+    border: 2px solid #d0d0d0;
+    padding: 2px 7px;
+    border-radius: 4px;
+}
+
+.datapoint-required.optional {
+    @extend .fa;
+    @extend .fa-circle;
+    color: #bbbbbb;
+}
+
+.datapoint-cell {
+    padding-right: 10px;
+    padding-top: 10px;
+}