From 3cf7eb461f02b1ece6b7ae74dd2e43b01148afce Mon Sep 17 00:00:00 2001
From: Fabricio <fabriciogiac@gmail.com>
Date: Mon, 23 Jul 2018 20:42:34 -0300
Subject: [PATCH] roboto font and adjusts in the dashboard

---
 Dockerfile   |  3 ++-
 dashboard.go | 20 +++++++++++++-------
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/Dockerfile b/Dockerfile
index 03d6f38..d0cb641 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -2,6 +2,7 @@ FROM golang:latest
 COPY . /src
 WORKDIR /src
 RUN go get -d ./...
-ENV OS linux # linux | windows | darwin
+# linux | windows | darwin
+ENV OS linux
 CMD GOOS=$OS GOARCH=386 go build -ldflags="-s -w" -o capture . && \
     chmod -R 777 capture
diff --git a/dashboard.go b/dashboard.go
index 3df53a6..faef8d9 100644
--- a/dashboard.go
+++ b/dashboard.go
@@ -18,6 +18,7 @@ const dashboardHTML = `
     <link rel="icon" href="data:;base64,iVBORw0KGgo=">
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.js"></script>
+    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,900" rel="stylesheet">
     <title>Dashboard</title>
     <style>
 
@@ -47,7 +48,8 @@ const dashboardHTML = `
 
     html, body, .dashboard {
         height: 100%;
-        font: 1em verdana, arial, helvetica, sans-serif;
+        font: 1em roboto, verdana, arial, helvetica, sans-serif;
+        font-weight: 400;
     }
 
     div { display: flex; position: relative }
@@ -75,18 +77,23 @@ const dashboardHTML = `
     .list-inner { flex-direction: column }
     .list-item {
         flex-shrink: 0;
+        font-weight: 300;
+        height: 52px;
         padding: 1rem;
-        color:  var(--e0D);
+        color: var(--e0D);
         background: var(--b07);
         cursor: pointer;
-        margin-bottom: 0.5rem;
+        margin-bottom: .5rem;
         align-items: center;
     }
-    .list-item:hover { background: var(--b07) }
+    .list-item:hover { }
     .list-item, .req-inner, .res-inner {
         box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
     }
-    .list-item.selected { outline: 1px solid var(--b0D); outline-offset: -1px }
+    .list-item.selected {
+        border-right: 1rem solid var(--b0D);
+        transition: border .1s linear;
+    }
 
     .ok,
     .GET    { color: var(--b0B) }
@@ -109,8 +116,7 @@ const dashboardHTML = `
         font-size: 4em;
         color: var(--b06);
         position: fixed;
-        font-weight: bolder;
-        font-family: impact;
+        font-weight: 900;
     }
     .req-inner:before {
         content: "REQUEST";