diff --git a/src/themes/ivpn-v3/assets/js/styles/vpn-configuration.scss b/src/themes/ivpn-v3/assets/js/styles/vpn-configuration.scss
index cc39dc835..16dbc3532 100644
--- a/src/themes/ivpn-v3/assets/js/styles/vpn-configuration.scss
+++ b/src/themes/ivpn-v3/assets/js/styles/vpn-configuration.scss
@@ -178,4 +178,19 @@
margin-top: 10px;
}
}
+
+ input[type=checkbox]{
+ vertical-align: middle;
+ }
+
+ label{
+ margin: 0 5px 0 5px;
+ }
+
+ @media only screen and (max-device-width: 600px){
+ .select{
+ margin-top:10px !important;
+ width:100% !important;
+ }
+ }
}
diff --git a/src/themes/ivpn-v3/assets/js/views/Account/WireguardConfig.vue b/src/themes/ivpn-v3/assets/js/views/Account/WireguardConfig.vue
index 3d6a86d57..1ff18d8ef 100644
--- a/src/themes/ivpn-v3/assets/js/views/Account/WireguardConfig.vue
+++ b/src/themes/ivpn-v3/assets/js/views/Account/WireguardConfig.vue
@@ -176,19 +176,17 @@
-
-
-
-
-
@@ -267,6 +265,7 @@ export default {
isLight : false,
antitrackerBlockLists: [],
selectedBlockList: null,
+ isDnsHardcore: false,
};
},
watch: {
@@ -289,13 +288,26 @@ export default {
},
selectedBlockList: {
handler: function (after, before) {
- if(this.$refs.dns_hardcore.checked){
- this.dns = after.Hardcore;
- }else if(this.$refs.dns_antitracker.checked){
- this.dns= after.Normal;
+ if( this.$refs.dns_antitracker.checked){
+ if(this.isDnsHardcore){
+ this.dns = after.Hardcore;
+ }else{
+ this.dns= after.Normal;
+ }
}
}
},
+ isDnsHardcore: {
+ handler: function (after, before) {
+ if( this.$refs.dns_antitracker.checked){
+ if(this.isDnsHardcore){
+ this.dns = this.selectedBlockList.Hardcore;
+ }else{
+ this.dns = this.selectedBlockList.Normal;
+ }
+ }
+ }
+ }
},
computed: {
...mapState({
@@ -512,10 +524,11 @@ export default {
this.dns = null;
break;
case "antitracker":
- this.dns = this.selectedBlockList.Normal;
- break;
- case "hardcore":
- this.dns = this.selectedBlockList.Hardcore;
+ if(this.isDnsHardcore){
+ this.dns = this.selectedBlockList.Hardcore;
+ }else{
+ this.dns = this.selectedBlockList.Normal;
+ }
break;
}
},