From 838eef450fd35b43153d0df4b27b214298591535 Mon Sep 17 00:00:00 2001
From: Ni Rui <ranqus@gmail.com>
Date: Sun, 18 Sep 2022 20:22:46 +0800
Subject: [PATCH] Widened the connector window, this allows Connected before
 list to show more title text before the text being ellipsized

---
 ui/widgets/connect.css       | 10 +++++-----
 ui/widgets/connect_known.css | 10 +++-------
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/ui/widgets/connect.css b/ui/widgets/connect.css
index aad61fb..fe36c49 100644
--- a/ui/widgets/connect.css
+++ b/ui/widgets/connect.css
@@ -25,7 +25,7 @@
   left: 159px;
   display: none;
   background: #333;
-  width: 500px;
+  width: 700px;
 }
 
 #connect-frame {
@@ -43,7 +43,7 @@
   background: #333;
 }
 
-@media (max-width: 768px) {
+@media (max-width: 1024px) {
   #connect {
     left: 20px;
     right: 20px;
@@ -51,7 +51,7 @@
   }
 
   #connect:before {
-    left: 149px;
+    left: 169px;
   }
 }
 
@@ -84,7 +84,7 @@
 }
 
 #connect-warning {
-  padding: 10px;
+  padding: 20px;
   font-size: 0.85em;
   background: #b44;
   color: #fff;
@@ -93,7 +93,7 @@
 #connect-warning-icon {
   float: left;
   display: block;
-  margin: 5px 10px 5px 0;
+  margin: 5px 20px 5px 0;
 }
 
 #connect-warning-icon::after {
diff --git a/ui/widgets/connect_known.css b/ui/widgets/connect_known.css
index 824c471..7c5d3ff 100644
--- a/ui/widgets/connect_known.css
+++ b/ui/widgets/connect_known.css
@@ -93,7 +93,7 @@
   position: relative;
 }
 
-@media (max-width: 480px) {
+@media (max-width: 768px) {
   #connect-known-list-list li {
     width: 100%;
   }
@@ -132,7 +132,7 @@
   z-index: 2;
 }
 
-@media (max-width: 480px) {
+@media (max-width: 768px) {
   #connect-known-list-list li > .labels > .opt {
     display: inline-block;
   }
@@ -143,10 +143,6 @@
   color: #fff;
 }
 
-#connect-known-list-list li > .labels > .opt.link:after {
-  content: "\02936";
-}
-
 #connect-known-list-list li > .labels > .opt.del {
   background: #a56;
   color: #fff;
@@ -203,7 +199,7 @@
   opacity: 0.5;
 }
 
-@media (max-width: 480px) {
+@media (max-width: 768px) {
   #connect-known-list-presets li {
     width: 100%;
   }