refactor(Proxies): UI revamp

1 files changed, 7 insertions, 11 deletions

diff --git a/src/components/Proxy.module.css b/src/components/Proxy.module.css
index 2aa4504..7e6e2cc 100644
--- a/src/components/Proxy.module.css
+++ b/src/components/Proxy.module.css
@@ -6,7 +6,7 @@
 
   max-width: 280px;
   @media (--breakpoint-not-small) {
-    min-width: 150px;
+    min-width: 200px;
     border-radius: 10px;
     padding: 10px;
   }
@@ -23,33 +23,29 @@
 
 .proxyType {
   font-family: var(--font-mono);
-  display: inline;
-  padding: 0 0.3em;
   font-size: 0.6em;
   @media (--breakpoint-not-small) {
     font-size: 1em;
   }
 }
 
+.row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
 .proxyName {
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   margin-bottom: 5px;
   font-size: 0.85em;
-  display: inline;
   @media (--breakpoint-not-small) {
     font-size: 1.1em;
   }
 }
 
-.proxyLatencyWrap {
-  padding: 0 0.3em;
-  height: 30px;
-  /* display: flex; */
-  align-items: flex-end;
-}
-
 .proxySmall {
   .now {
     outline: pink solid 1px;