From 2a99ffcc901054bd6cec15368e063de557829901 Mon Sep 17 00:00:00 2001
From: cha0s <git@cha0s.io>
Date: Sun, 14 Apr 2019 17:08:19 -0500
Subject: [PATCH] refactor: box-sizing

---
 client/index.html                        | 3 +++
 client/ui/debug/connection/index.js      | 5 ++---
 client/ui/debug/connection/throughput.js | 6 +++---
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/client/index.html b/client/index.html
index 8ad1699..6082dc8 100644
--- a/client/index.html
+++ b/client/index.html
@@ -6,6 +6,9 @@
 
     <title>Avocado</title>
     <style>
+      * {
+        box-sizing: border-box;
+      }
       html, body {
         background-color: #333333;
         width: 100%;
diff --git a/client/ui/debug/connection/index.js b/client/ui/debug/connection/index.js
index 0f9830c..d45169d 100644
--- a/client/ui/debug/connection/index.js
+++ b/client/ui/debug/connection/index.js
@@ -13,8 +13,7 @@ const decorate = compose(
   background-color: rgba(0, 0, 0, .3);
   border: 1px solid white;
   color: white;
-  font-size: 0.8em;
-  height: 4.5em;
+  height: 5em;
   position: absolute;
   top: 0.5em;
   left: calc(320px + 0.5em);
@@ -25,7 +24,7 @@ const decorate = compose(
 }
 .connection > p {
   margin-left: 0.25em;
-  margin-top: 0.3em;
+  margin-top: 0.125em;
   text-transform: uppercase;
 }
 .connection > p.connected {
diff --git a/client/ui/debug/connection/throughput.js b/client/ui/debug/connection/throughput.js
index fa06ea0..44b6fc6 100644
--- a/client/ui/debug/connection/throughput.js
+++ b/client/ui/debug/connection/throughput.js
@@ -12,12 +12,11 @@ const decorate = compose(
   background-color: rgba(0, 0, 0, .3);
   border: 1px solid white;
   color: white;
-  font-size: 0.8em;
   position: absolute;
-  top: 2.5em;
+  top: 1.75em;
   left: 0.5em;
   line-height: 1em;
-  width: 11.5em;
+  width: 9em;
   padding: 0.125em;
   font-family: monospace;
 }
@@ -36,6 +35,7 @@ const decorate = compose(
   content: 'out: ';
 }
 .throughput p {
+  font-size: 0.8em;
   margin: 0.25em;
 }
   `),