From 8a22b088a90d1911fdb63cf25f5a16033047151b Mon Sep 17 00:00:00 2001
From: Alireza Ahmadi <alireza7@gmail.com>
Date: Sun, 27 Aug 2023 10:08:51 +0200
Subject: [PATCH] fix divider of inbound modal in mobile view

---
 web/html/xui/form/sniffing.html               | 21 +++++++++----------
 web/html/xui/form/stream/stream_settings.html |  3 +--
 web/html/xui/form/stream/stream_sockopt.html  |  3 +--
 web/html/xui/form/tls_settings.html           |  5 ++---
 4 files changed, 14 insertions(+), 18 deletions(-)

diff --git a/web/html/xui/form/sniffing.html b/web/html/xui/form/sniffing.html
index fafb2d64..18a37040 100644
--- a/web/html/xui/form/sniffing.html
+++ b/web/html/xui/form/sniffing.html
@@ -1,19 +1,18 @@
 {{define "form/sniffing"}}
+<a-divider style="margin:0;"></a-divider>
 <a-form layout="inline">
-  <a-divider dashed style="margin:0;">
   <a-form-item>
-            <span slot="label">
-                sniffing
-                <a-tooltip>
-                    <template slot="title">
-                        <span>{{ i18n "pages.inbounds.noRecommendKeepDefault" }}</span>
-                    </template>
-                    <a-icon type="question-circle" theme="filled"></a-icon>
-                </a-tooltip>
-            </span>
+    <span slot="label">
+        sniffing
+        <a-tooltip>
+            <template slot="title">
+                <span>{{ i18n "pages.inbounds.noRecommendKeepDefault" }}</span>
+            </template>
+            <a-icon type="question-circle" theme="filled"></a-icon>
+        </a-tooltip>
+    </span>
     <a-switch v-model="inbound.sniffing.enabled"></a-switch>
   </a-form-item>
-  </a-divider>
   <a-form-item>
     <a-checkbox-group v-model="inbound.sniffing.destOverride" v-if="inbound.sniffing.enabled">
       <a-checkbox v-for="key,value in SNIFFING_OPTION" :value="key">[[ value ]]</a-checkbox>
diff --git a/web/html/xui/form/stream/stream_settings.html b/web/html/xui/form/stream/stream_settings.html
index 54f609c8..844f1233 100644
--- a/web/html/xui/form/stream/stream_settings.html
+++ b/web/html/xui/form/stream/stream_settings.html
@@ -1,7 +1,7 @@
 {{define "form/streamSettings"}}
 <!-- select stream network -->
+<a-divider style="margin:0;"></a-divider>
 <a-form layout="inline">
-    <a-divider dashed style="margin:0;">
     <a-form-item label="{{ i18n "transmission" }}">
         <a-select v-model="inbound.stream.network" @change="streamNetworkChange"
             :dropdown-class-name="themeSwitcher.darkCardClass">
@@ -13,7 +13,6 @@
             <a-select-option value="grpc">grpc</a-select-option>
         </a-select>
     </a-form-item>
-    </a-divider>
 </a-form>
 
 <!-- tcp -->
diff --git a/web/html/xui/form/stream/stream_sockopt.html b/web/html/xui/form/stream/stream_sockopt.html
index d4019054..0f2b78e1 100644
--- a/web/html/xui/form/stream/stream_sockopt.html
+++ b/web/html/xui/form/stream/stream_sockopt.html
@@ -1,10 +1,9 @@
 {{define "form/streamSockopt"}}
+<a-divider style="margin:0;"></a-divider>
 <a-form layout="inline">
-    <a-divider dashed style="margin:0;">
     <a-form-item label="Transparent Proxy">
         <a-switch v-model="inbound.stream.sockoptSwitch"></a-switch>
     </a-form-item>
-    </a-divider>
     <table width="100%" class="ant-table-tbody" v-if="inbound.stream.sockoptSwitch">
         <tr>
             <td>Accept Proxy Protocol</td>
diff --git a/web/html/xui/form/tls_settings.html b/web/html/xui/form/tls_settings.html
index ce217c25..ecc72b65 100644
--- a/web/html/xui/form/tls_settings.html
+++ b/web/html/xui/form/tls_settings.html
@@ -1,15 +1,14 @@
 {{define "form/tlsSettings"}}
 <!-- tls enable -->
+<a-divider style="margin:0;"></a-divider>
 <a-form v-if="inbound.canSetTls()" layout="inline">
-    <a-divider dashed style="margin:0;">
     <a-form-item label="TLS">
         <a-switch v-model="inbound.tls">
         </a-switch>
     </a-form-item>
-    <a-form-item v-if="inbound.canEnableReality()" label="Reality">
+    <a-form-item label="Reality" v-if="inbound.canEnableReality()">
         <a-switch v-model="inbound.reality"></a-switch>
     </a-form-item>
-    </a-divider>
 </a-form>
 
 <!-- tls settings -->