design update

web/html/xui/form/protocol/shadowsocks.html

@@ -1,5 +1,5 @@
 {{define "form/shadowsocks"}}
-<a-form layout="inline">
+<a-form layout="inline" style="padding: 10px 0px;">
     <a-collapse activeKey="0" v-for="(client, index) in inbound.settings.shadowsockses.slice(0,1)" v-if="!isEdit">
         <a-collapse-panel header='{{ i18n "pages.inbounds.client" }}'>
             <a-form-item>
@@ -16,7 +16,7 @@
             </a-form-item>
             <a-form-item label="Password">
                 <a-icon @click="client.password = RandomUtil.randomShadowsocksPassword()" type="sync"> </a-icon>
-                <a-input v-model.trim="client.password" style="width: 150px;"></a-input>
+                <a-input v-model.trim="client.password" style="width: 250px;"></a-input>
             </a-form-item>
             <a-form-item label="Subscription" v-if="client.email">
                 <a-input v-model.trim="client.subId"></a-input>
@@ -34,8 +34,9 @@
                         <a-icon type="question-circle" theme="filled"></a-icon>
                     </a-tooltip>
                 </span>
-                <a-input-number v-model="client.limitIp" min="0"  style="width: 70px;"></a-input-number>
+                <a-input-number v-model="client.limitIp" min="0"></a-input-number>
             </a-form-item>
+            <br>
             <a-form-item>
                 <span slot="label">
                     <span >{{ i18n "pages.inbounds.totalFlow" }}</span> (GB)
@@ -48,13 +49,15 @@
                 </span>
                 <a-input-number v-model="client._totalGB" :min="0"></a-input-number>
             </a-form-item>
+            <br>
             <a-form-item label='{{ i18n "pages.client.delayedStart" }}'>
                 <a-switch v-model="delayedStart" @click="client._expiryTime=0"></a-switch>
             </a-form-item>
+            <br>
             <a-form-item v-if="delayedStart" label='{{ i18n "pages.client.expireDays" }}'>
                 <a-input-number v-model.number="delayedExpireDays" :min="0"></a-input-number>
             </a-form-item>
-            <a-form-item>
+            <a-form-item v-else>
                 <span slot="label">
                     <span >{{ i18n "pages.inbounds.expireDate" }}</span>
                     <a-tooltip>
@@ -82,6 +85,8 @@
             </table>
         </a-collapse-panel>
     </a-collapse>
+</a-form>
+<a-form layout="inline">
     <a-form-item label='{{ i18n "encryption" }}'>
         <a-select v-model="inbound.settings.method" style="width: 250px;" :dropdown-class-name="siderDrawer.isDarkTheme ? 'ant-card-dark' : ''">
             <a-select-option v-for="method in SSMethods" :value="method">[[ method ]]</a-select-option>
@@ -97,4 +102,5 @@
             <a-select-option value="udp">UDP</a-select-option>
         </a-select>
     </a-form-item>
+</a-form>
 {{end}}