style(proxies): make "Test Latency" a fab like button

3 files changed, 8 insertions, 7 deletions

diff --git a/src/components/Proxies.js b/src/components/Proxies.js
index e9b003a..b3286b8 100644
--- a/src/components/Proxies.js
+++ b/src/components/Proxies.js
@@ -39,7 +39,7 @@ export default function Proxies() {
     <div>
       <ContentHeader title="Proxies" />
       <div>
-        <div className={s0.btnGroup}>
+        <div className={s0.fabgrp}>
           <Button label="Test Latency" onClick={requestDelayAll} />
         </div>
         {groupNames.map(groupName => {
diff --git a/src/components/Proxies.module.scss b/src/components/Proxies.module.scss
index 9a73ee6..8be48ce 100644
--- a/src/components/Proxies.module.scss
+++ b/src/components/Proxies.module.scss
@@ -5,9 +5,8 @@
   padding: 10px 40px;
 }
 
-.btnGroup {
-  color: #eee;
-  padding: 0 40px;
-  display: flex;
-  justify-content: flex-end;
+.fabgrp {
+  position: fixed;
+  right: 20px;
+  bottom: 20px;
 }
diff --git a/src/components/ProxyGroup.module.scss b/src/components/ProxyGroup.module.scss
index 017f785..dd01018 100644
--- a/src/components/ProxyGroup.module.scss
+++ b/src/components/ProxyGroup.module.scss
@@ -1,5 +1,7 @@
 .header {
-  h2 {
+  > h2 {
+    margin-top: 0;
+
     span:nth-child(2) {
       font-size: 12px;
       color: #777;