From 0cf6a17e2dc03ff1473434302213d02e5e28ca8c Mon Sep 17 00:00:00 2001
From: Haishan <haishanhan@gmail.com>
Date: Sat, 5 Jan 2019 22:02:06 +0800
Subject: [PATCH] style(proxies): make "Test Latency" a fab like button

---
 src/components/Proxies.js             | 2 +-
 src/components/Proxies.module.scss    | 9 ++++-----
 src/components/ProxyGroup.module.scss | 4 +++-
 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;