From 320cc4bff75308a967d868793d3f2500c6dfe69e Mon Sep 17 00:00:00 2001
From: Haishan <haishanhan@gmail.com>
Date: Tue, 16 Jun 2020 23:36:22 +0800
Subject: [PATCH] chore: use flex for proxy items layout

---
 src/components/proxies/Proxy.module.css     | 3 ++-
 src/components/proxies/ProxyList.module.css | 5 ++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/proxies/Proxy.module.css b/src/components/proxies/Proxy.module.css
index a858e88..f233193 100644
--- a/src/components/proxies/Proxy.module.css
+++ b/src/components/proxies/Proxy.module.css
@@ -1,6 +1,7 @@
 .proxy {
-  position: relative;
+  margin: 3px;
   padding: 5px;
+  position: relative;
   border-radius: 8px;
   overflow: hidden;
 
diff --git a/src/components/proxies/ProxyList.module.css b/src/components/proxies/ProxyList.module.css
index 00f8ad2..b7ff2a3 100644
--- a/src/components/proxies/ProxyList.module.css
+++ b/src/components/proxies/ProxyList.module.css
@@ -1,8 +1,7 @@
 .list {
   margin: 8px 0;
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(auto, 280px));
-  grid-gap: 10px;
+  display: flex;
+  flex-wrap: wrap;
 }
 
 .listSummaryView {