diff --git a/dashboard.html b/dashboard.html
index 9ed3ee1..39fcb64 100644
--- a/dashboard.html
+++ b/dashboard.html
@@ -1,466 +1,470 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <meta charset="utf-8">
-    <link rel="icon" href="data:;base64,iVBORw0KGgo=">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.0"></script>
-    <link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700" rel="stylesheet">
-    <title>Capture</title>
-    <style>
-        [v-cloak] {
-            display: none !important;
-        }
+  <meta charset="utf-8">
+  <link rel="icon" href="data:;base64,iVBORw0KGgo=">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.0"></script>
+  <link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700" rel="stylesheet">
+  <title>Capture</title>
+  <style>
+    [v-cloak] {
+      display: none !important;
+    }
 
-        :root {
-            --bg: #282c34;
-            --list-item-bg: #2c313a;
-            --list-item-fg: #abb2bf;
-            --list-item-sel-bg: hsl(219, 22%, 25%);
-            --req-res-bg: #2c313a;
-            --req-res-fg: #abb2bf;
-            --links: #55b5c1;
-            --method-get: #98c379;
-            --method-post: #c678dd;
-            --method-put: #d19a66;
-            --method-patch: #a7afbc;
-            --method-delete: #e06c75;
-            --status-ok: #98c379;
-            --status-warn: #d19a66;
-            --status-error: #e06c75;
-            --btn-bg: var(--list-item-bg);
-            --btn-hover: var(--list-item-sel-bg);
-            --disabled: hsl(187, 5%, 50%);
-        }
+    :root {
+      --bg: #282c34;
+      --list-item-bg: #2c313a;
+      --list-item-fg: #abb2bf;
+      --list-item-sel-bg: hsl(219, 22%, 25%);
+      --req-res-bg: #2c313a;
+      --req-res-fg: #abb2bf;
+      --links: #55b5c1;
+      --method-get: #98c379;
+      --method-post: #c678dd;
+      --method-put: #d19a66;
+      --method-patch: #a7afbc;
+      --method-delete: #e06c75;
+      --status-ok: #98c379;
+      --status-warn: #d19a66;
+      --status-error: #e06c75;
+      --btn-bg: var(--list-item-bg);
+      --btn-hover: var(--list-item-sel-bg);
+      --disabled: hsl(187, 5%, 50%);
+    }
 
-        * {
-            padding: 0;
-            margin: 0;
-            box-sizing: border-box;
-        }
+    * {
+      padding: 0;
+      margin: 0;
+      box-sizing: border-box;
+    }
 
-        div {
-            position: relative;
-        }
+    div {
+      position: relative;
+    }
 
-        html,
-        body,
-        .dashboard {
-            height: 100%;
-            font-family: 'Inconsolata', monospace;
-            font-size: 1em;
-            font-weight: 400;
-            background: var(--bg);
-        }
+    html,
+    body,
+    .dashboard {
+      height: 100%;
+      font-family: 'Inconsolata', monospace;
+      font-size: 1em;
+      font-weight: 400;
+      background: var(--bg);
+    }
 
-        .dashboard {
-            display: grid;
-            grid-template-columns: .6fr 1fr 1fr;
-            grid-template-rows: 1fr;
-            gap: .5rem;
-        }
+    .dashboard {
+      display: grid;
+      grid-template-columns: .6fr 1fr 1fr;
+      grid-template-rows: 1fr;
+      gap: .5rem;
+    }
 
-        .list,
-        .req,
-        .res {
-            display: grid;
-            grid-template-rows: auto 1fr;
-            gap: .5rem;
-        }
+    .list,
+    .req,
+    .res {
+      display: grid;
+      grid-template-rows: auto 1fr;
+      gap: .5rem;
+    }
 
-        body {
-            padding: .5rem;
-        }
+    body {
+      padding: .5rem;
+    }
 
-        *::-webkit-scrollbar {
-            width: .25rem;
-        }
+    *::-webkit-scrollbar {
+      width: .25rem;
+    }
 
-        *::-webkit-scrollbar-thumb {
-            background-color: var(--list-item-fg);
-        }
+    *::-webkit-scrollbar-thumb {
+      background-color: var(--list-item-fg);
+    }
 
-        .list,
-        .req,
-        .res {
-            overflow: auto;
-        }
+    .list,
+    .req,
+    .res {
+      overflow: auto;
+    }
 
-        .list-inner,
-        .req-inner,
-        .res-inner {
-            overflow-x: hidden;
-            overflow-y: auto;
-        }
+    .list-inner,
+    .req-inner,
+    .res-inner {
+      overflow-x: hidden;
+      overflow-y: auto;
+    }
 
-        .req-inner,
-        .res-inner {
-            background: var(--req-res-bg);
-        }
+    .req-inner,
+    .res-inner {
+      background: var(--req-res-bg);
+    }
 
-        .req,
-        .res {
-            color: var(--req-res-fg);
-        }
+    .req,
+    .res {
+      color: var(--req-res-fg);
+    }
 
-        .list-inner {
-            display: grid;
-            grid-template-rows: auto;
-            gap: .5rem;
-            align-content: start;
-        }
+    .list-inner {
+      display: grid;
+      grid-template-rows: auto;
+      gap: .5rem;
+      align-content: start;
+    }
 
-        .list-item {
-            display: grid;
-            grid-template-columns: auto 1fr auto auto auto;
-            gap: .5rem;
-            font-size: 1.2em;
-            padding: 1rem;
-            background: var(--list-item-bg);
-            color: var(--list-item-fg);
-            cursor: pointer;
-            transition: background .15s linear;
-        }
+    .list-item {
+      display: grid;
+      grid-template-columns: auto 1fr auto auto auto;
+      gap: .5rem;
+      font-size: 1.2em;
+      padding: 1rem;
+      background: var(--list-item-bg);
+      color: var(--list-item-fg);
+      cursor: pointer;
+      transition: background .15s linear;
+    }
 
-        .list-item,
-        .req,
-        .res {
-            box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
-        }
+    .list-item,
+    .req,
+    .res {
+      box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
+    }
 
-        .list-item.selected {
-            background: var(--list-item-sel-bg);
-        }
+    .list-item.selected {
+      background: var(--list-item-sel-bg);
+    }
 
-        .GET {
-            color: var(--method-get);
-        }
+    .GET {
+      color: var(--method-get);
+    }
 
-        .POST {
-            color: var(--method-post);
-        }
+    .POST {
+      color: var(--method-post);
+    }
 
-        .PUT {
-            color: var(--method-put);
-        }
+    .PUT {
+      color: var(--method-put);
+    }
 
-        .PATCH {
-            color: var(--method-patch);
-        }
+    .PATCH {
+      color: var(--method-patch);
+    }
 
-        .DELETE {
-            color: var(--method-delete);
-        }
+    .DELETE {
+      color: var(--method-delete);
+    }
 
-        .ok {
-            color: var(--status-ok);
-        }
+    .ok {
+      color: var(--status-ok);
+    }
 
-        .warn {
-            color: var(--status-warn);
-        }
+    .warn {
+      color: var(--status-warn);
+    }
 
-        .error {
-            color: var(--status-error);
-        }
+    .error {
+      color: var(--status-error);
+    }
 
-        .method {
-            font-size: 0.7em;
-        }
+    .method {
+      font-size: 0.7em;
+    }
 
-        .status {
-            font-size: 0.8em;
-        }
+    .status {
+      font-size: 0.8em;
+    }
 
-        .path {
-            font-size: 0.8em;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-            direction: rtl;
-        }
+    .path {
+      font-size: 0.8em;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      direction: rtl;
+    }
 
-        .time {
-            font-size: 0.7em;
-            color: var(--disabled);
-        }
+    .time {
+      font-size: 0.7em;
+      color: var(--disabled);
+    }
 
-        .query {
-            padding: 1rem;
-            font-family: inherit;
-            font-weight: 400;
-            line-height: 1.2em;
-            color: #fff;
-        }
+    .query {
+      padding: 1rem;
+      font-family: inherit;
+      font-weight: 400;
+      line-height: 1.2em;
+      color: #fff;
+    }
 
-        pre {
-            word-break: break-all;
-            white-space: pre-wrap;
-            padding: 1rem;
-            font-family: inherit;
-            font-weight: 400;
-            line-height: 1.2em;
-        }
+    pre {
+      word-break: break-all;
+      white-space: pre-wrap;
+      padding: 1rem;
+      font-family: inherit;
+      font-weight: 400;
+      line-height: 1.2em;
+    }
 
-        .corner {
-            position: absolute;
-            top: 0;
-            right: 0;
-            width: 80px;
-            height: 50px;
-            background: var(--bg);
-            color: var(--disabled);
-            display: grid;
-            align-content: end;
-            justify-content: center;
-            transform: rotate(45deg) translate(10px, -40px);
-            padding-bottom: 4px;
-            font-size: .8em;
-            user-select: none;
-        }
+    .corner {
+      position: absolute;
+      top: 0;
+      right: 0;
+      width: 80px;
+      height: 50px;
+      background: var(--bg);
+      color: var(--disabled);
+      display: grid;
+      align-content: end;
+      justify-content: center;
+      transform: rotate(45deg) translate(10px, -40px);
+      padding-bottom: 4px;
+      font-size: .8em;
+      user-select: none;
+    }
 
-        .controls {
-            display: grid;
-            grid-template-columns: repeat(5, 1fr);
-            gap: .5rem;
-            justify-content: start;
-        }
+    .controls {
+    }
 
-        button {
-            background: var(--btn-bg);
-            border: 0;
-            padding: .5rem 1rem;
-            font-size: .75em;
-            font-family: inherit;
-            color: var(--links);
-            cursor: pointer;
-            outline: 0;
-        }
+    button {
+      background: var(--btn-bg);
+      border: 0;
+      padding: .5rem 1rem;
+      font-size: .75em;
+      font-family: inherit;
+      color: var(--links);
+      cursor: pointer;
+      outline: 0;
+    }
 
-        button:disabled {
-            color: var(--disabled);
-            cursor: default;
-        }
+    button:disabled {
+      color: var(--disabled);
+      cursor: default;
+    }
 
-        button:hover:enabled {
-            background: var(--btn-hover);
-        }
+    button:hover:enabled {
+      background: var(--btn-hover);
+    }
 
-        .retry {
-            padding: 0;
-        }
+    .button-svg {
+      padding: 0;
+      background: none;
+    }
 
-        .retry svg {
-            width: 16px;
-            height: 16px;
-            stroke: #9a9996;
-        }
+    .button-svg svg {
+      width: 16px;
+      height: 16px;
+    }
 
-        .retry:hover svg * {
-            stroke: #fff;
-        }
+    .button-svg[disabled] svg {
+        opacity: 0.3;
+    }
 
-        .welcome {
-            display: grid;
-            position: absolute;
-            background: rgba(0, 0, 0, .5);
-            justify-content: center;
-            line-height: 1.5rem;
-            z-index: 9;
-            color: #fff;
-            font-size: 2em;
-            top: 50%;
-            right: 1rem;
-            left: 1rem;
-            transform: translate(0%, -50%);
-            padding: 3rem;
-            box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.1);
-            word-break: break-word;
-        }
+    .button-svg svg {
+      stroke: #9a9996;
+    }
 
-        .welcome span {
-            font-size: .5em;
-            color: #999;
-        }
+    .button-svg:not([disabled]):hover svg * {
+      stroke: #fff;
+    }
 
-        @media only screen and (max-width: 1024px) {
-            .dashboard {
-                grid-template-columns: .7fr 1fr;
-                grid-template-rows: 1fr 1fr;
-            }
+    .welcome {
+      display: grid;
+      position: absolute;
+      background: rgba(0, 0, 0, .5);
+      justify-content: center;
+      line-height: 1.5rem;
+      z-index: 9;
+      color: #fff;
+      font-size: 2em;
+      top: 50%;
+      right: 1rem;
+      left: 1rem;
+      transform: translate(0%, -50%);
+      padding: 3rem;
+      box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.1);
+      word-break: break-word;
+    }
 
-            .list {
-                grid-row: 1 / 3;
-            }
+    .welcome span {
+      font-size: .5em;
+      color: #999;
+    }
 
-            .req {
-                grid-column: 2;
-            }
+    @media only screen and (max-width: 1024px) {
+      .dashboard {
+        grid-template-columns: .7fr 1fr;
+        grid-template-rows: 1fr 1fr;
+      }
 
-            .res {
-                grid-column: 2;
-                grid-row: 2;
-            }
+      .list {
+        grid-row: 1 / 3;
+      }
 
-            .welcome {
-                font-size: 1.5em;
-            }
-        }
+      .req {
+        grid-column: 2;
+      }
 
-        @media only screen and (max-width: 484px) {
-            .dashboard {
-                grid-template-columns: 1fr;
-                grid-template-rows: 1fr 1fr 1fr;
-                column-gap: 0;
-            }
+      .res {
+        grid-column: 2;
+        grid-row: 2;
+      }
 
-            .list {
-                grid-area: 1 / 2;
-            }
+      .welcome {
+        font-size: 1.5em;
+      }
+    }
 
-            .req {
-                grid-row: 2;
-            }
+    @media only screen and (max-width: 484px) {
+      .dashboard {
+        grid-template-columns: 1fr;
+        grid-template-rows: 1fr 1fr 1fr;
+        column-gap: 0;
+      }
 
-            .res {
-                grid-row: 3;
-            }
-        }
-    </style>
+      .list {
+        grid-area: 1 / 2;
+      }
+
+      .req {
+        grid-row: 2;
+      }
+
+      .res {
+        grid-row: 3;
+      }
+    }
+  </style>
 </head>
 
 <body>
-    <div class="dashboard" id="app" v-cloak>
-        <div class="list">
-            <div class="controls">
-                <button :disabled="items.length == 0" @click="clearDashboard">clear</button>
-            </div>
-            <div class="list-inner">
-                <div class="list-item" v-for="item in items" :key="item.id" @click="show(item)"
-                    :class="{selected: selectedItem.id == item.id}">
-                    <span class="method" :class="item.method">{{ item.method }}</span>
-                    <span class="path">&lrm;{{ item.path }}&lrm;</span>
-                    <span class="time">{{ item.elapsed }}ms</span>
-                    <span class="status" :class="statusColor(item)">
-                        {{ item.status == 999 ? 'failed' : item.status }}
-                    </span>
-                    <button class="retry" @click="retry(item.id)">
-                        <svg stroke-width="3" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.888 13.5C21.164 18.311 17.013 22 12 22 6.477 22 2 17.523 2 12S6.477 2 12 2c4.1 0 7.625 2.468 9.168 6" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path><path d="M17 8h4.4a.6.6 0 00.6-.6V3" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path></svg>
-                    </button>
-                </div>
-            </div>
+  <div class="dashboard" id="app" v-cloak>
+    <div class="list">
+      <div class="controls">
+        <button class="button-svg" :disabled="items.length == 0" @click="clearDashboard">
+            <svg viewBox="0 0 24 24" stroke-width="3" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 9l-1.995 11.346A2 2 0 0116.035 22h-8.07a2 2 0 01-1.97-1.654L4 9M21 6h-5.625M3 6h5.625m0 0V4a2 2 0 012-2h2.75a2 2 0 012 2v2m-6.75 0h6.75" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path></svg>
+        </button>
+      </div>
+      <div class="list-inner">
+        <div class="list-item" v-for="item in items" :key="item.id" @click="show(item)"
+          :class="{selected: selectedItem.id == item.id}">
+          <span class="method" :class="item.method">{{ item.method }}</span>
+          <span class="path">&lrm;{{ item.path }}&lrm;</span>
+          <span class="time">{{ item.elapsed }}ms</span>
+          <span class="status" :class="statusColor(item)">
+            {{ item.status == 999 ? 'failed' : item.status }}
+          </span>
+          <button class="button-svg" @click="retry(item.id)">
+            <svg stroke-width="3" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.888 13.5C21.164 18.311 17.013 22 12 22 6.477 22 2 17.523 2 12S6.477 2 12 2c4.1 0 7.625 2.468 9.168 6" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path><path d="M17 8h4.4a.6.6 0 00.6-.6V3" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path></svg>
+          </button>
         </div>
-
-        <div class="req">
-            <div class="controls">
-                <button :disabled="!canPrettifyBody('request')" @click="prettifyBody('request')">prettify</button>
-                <button :disabled="selectedItem.id == null" @click="copyCurl($event)" data-text="curl">curl</button>
-            </div>
-            <div class="req-inner">
-                <div class="corner">req</div>
-                <pre>{{ selectedItem.request }}</pre>
-            </div>
-        </div>
-
-        <div class="res">
-            <div class="controls">
-                <button :disabled="!canPrettifyBody('response')" @click="prettifyBody('response')">prettify</button>
-            </div>
-            <div class="res-inner">
-                <div class="corner">res</div>
-                <pre :class="{error: selectedItem.status == 999}">{{ selectedItem.response }}</pre>
-            </div>
-        </div>
-
-        <div class="welcome" v-show="items.length == 0">
-            <p>
-                Waiting for requests on http://localhost:{{proxyPort}}/<br>
-                <span>Proxying {{ targetURL }}</span>
-            </p>
-        </div>
-
+      </div>
     </div>
 
-    <script type="text/javascript">
-        var app = new Vue({
-            el: '#app',
-            data: {
-                items: [],
-                selectedItem: {},
-                proxyPort: '',
-                targetURL: '',
-            },
-            created() {
-                this.setupStream();
-            },
-            methods: {
-                setupStream() {
-                    let es = new EventSource('/conn/');
-                    es.addEventListener('config', event => {
-                        const cfg = JSON.parse(event.data);
-                        this.proxyPort = cfg.ProxyPort;
-                        this.targetURL = cfg.TargetURL;
-                    });
-                    es.addEventListener('captures', event => {
-                        this.items = JSON.parse(event.data).reverse();
-                    });
-                    es.onerror = () => {
-                        this.items = [];
-                        this.selectedItem = {};
-                    };
-                },
-                async show(item) {
-                    this.selectedItem = { ...this.selectedItem, id: item.id, status: item.status };
-                    let resp = await fetch('/info/' + item.id);
-                    let data = await resp.json();
-                    this.selectedItem = { ...this.selectedItem, ...data };
-                },
-                statusColor(item) {
-                    if (item.status < 300) return 'ok';
-                    if (item.status < 400) return 'warn';
-                    return 'error';
-                },
-                async clearDashboard() {
-                    this.selectedItem = {};
-                    await fetch('/clear/');
-                },
-                canPrettifyBody(name) {
-                    if (!this.selectedItem[name]) return false;
-                    return this.selectedItem[name].indexOf('Content-Type: application/json') != -1;
-                },
-                prettifyBody(key) {
-                    let regex = /\n([\{\[](.*\s*)*[\}\]])/;
-                    let data = this.selectedItem[key];
-                    let match = regex.exec(data);
-                    let body = match[1];
-                    let prettyBody = JSON.stringify(JSON.parse(body), null, '    ');
-                    this.selectedItem[key] = data.replace(body, prettyBody);
-                },
-                copyCurl(event) {
-                    this.changeText(event);
-                    let e = document.createElement('textarea');
-                    e.value = this.selectedItem.curl;
-                    document.body.appendChild(e);
-                    e.select();
-                    document.execCommand('copy');
-                    document.body.removeChild(e);
-                },
-                async retry(id) {
-                    await fetch(`/retry/${id}`, {
-                        headers: {
-                            'Cache-Control': 'no-cache'
-                        }
-                    });
-                    this.show(this.items[0]);
-                },
-                changeText(event) {
-                    let elem = event.target;
-                    let btnText = elem.getAttribute("data-text");
-                    elem.innerText = "copied!";
-                    setTimeout(() => elem.innerText = btnText, 400)
-                }
-            },
-        });
-    </script>
+    <div class="req">
+      <div class="controls">
+        <button :disabled="!canPrettifyBody('request')" @click="prettifyBody('request')">prettify</button>
+        <button :disabled="selectedItem.id == null" @click="copyCurl($event)" data-text="curl">curl</button>
+      </div>
+      <div class="req-inner">
+        <div class="corner">req</div>
+        <pre>{{ selectedItem.request }}</pre>
+      </div>
+    </div>
+
+    <div class="res">
+      <div class="controls">
+        <button :disabled="!canPrettifyBody('response')" @click="prettifyBody('response')">prettify</button>
+      </div>
+      <div class="res-inner">
+        <div class="corner">res</div>
+        <pre :class="{error: selectedItem.status == 999}">{{ selectedItem.response }}</pre>
+      </div>
+    </div>
+
+    <div class="welcome" v-show="items.length == 0">
+      <p>
+        Waiting for requests on http://localhost:{{proxyPort}}/<br>
+        <span>Proxying {{ targetURL }}</span>
+      </p>
+    </div>
+  </div>
+  <script>
+    new Vue({
+      el: '#app',
+      data: {
+        items: [],
+        selectedItem: {},
+        proxyPort: '',
+        targetURL: '',
+      },
+      created() {
+        this.setupStream();
+      },
+      methods: {
+        setupStream() {
+          let es = new EventSource('/conn/');
+          es.addEventListener('config', event => {
+            const cfg = JSON.parse(event.data);
+            this.proxyPort = cfg.ProxyPort;
+            this.targetURL = cfg.TargetURL;
+          });
+          es.addEventListener('captures', event => {
+            this.items = JSON.parse(event.data).reverse();
+          });
+          es.onerror = () => {
+            this.items = [];
+            this.selectedItem = {};
+          };
+        },
+        async show(item) {
+          this.selectedItem = { ...this.selectedItem, id: item.id, status: item.status };
+          let resp = await fetch('/info/' + item.id);
+          let data = await resp.json();
+          this.selectedItem = { ...this.selectedItem, ...data };
+        },
+        statusColor(item) {
+          if (item.status < 300) return 'ok';
+          if (item.status < 400) return 'warn';
+          return 'error';
+        },
+        async clearDashboard() {
+          this.selectedItem = {};
+          await fetch('/clear/');
+        },
+        canPrettifyBody(name) {
+          if (!this.selectedItem[name]) return false;
+          return this.selectedItem[name].indexOf('Content-Type: application/json') != -1;
+        },
+        prettifyBody(key) {
+          let regex = /\n([\{\[](.*\s*)*[\}\]])/;
+          let data = this.selectedItem[key];
+          let match = regex.exec(data);
+          let body = match[1];
+          let prettyBody = JSON.stringify(JSON.parse(body), null, '  ');
+          this.selectedItem[key] = data.replace(body, prettyBody);
+        },
+        copyCurl(event) {
+          this.changeText(event);
+          let e = document.createElement('textarea');
+          e.value = this.selectedItem.curl;
+          document.body.appendChild(e);
+          e.select();
+          document.execCommand('copy');
+          document.body.removeChild(e);
+        },
+        async retry(id) {
+          await fetch(`/retry/${id}`, {
+            headers: {
+              'Cache-Control': 'no-cache'
+            }
+          });
+          this.show(this.items[0]);
+        },
+        changeText(event) {
+          let elem = event.target;
+          let btnText = elem.getAttribute("data-text");
+          elem.innerText = "copied!";
+          setTimeout(() => elem.innerText = btnText, 400)
+        }
+      },
+    });
+  </script>
 </body>
 </html>
