Svg icons, dns ui fix

client/ui/qml/Pages/PageVPN.qml

@@ -156,7 +156,7 @@ PageBase {
         LabelType {
             Layout.alignment: Qt.AlignRight
             height: 21
-            text: qsTr("Service") + ": "
+            text: qsTr("Proto") + ": "
         }
 
         BasicButtonType {
@@ -173,10 +173,46 @@ PageBase {
         }
     }
 
+    RowLayout {
+        id: layout3
+        anchors.top: layout2.bottom
+        anchors.topMargin: 5
+        anchors.horizontalCenter: parent.horizontalCenter
+        height: 21
+
+
+        LabelType {
+            Layout.alignment: Qt.AlignRight
+            height: 21
+            text: qsTr("DNS") + ": "
+        }
+
+        BasicButtonType {
+            Layout.alignment: Qt.AlignLeft
+            height: 21
+            implicitWidth: implicitContentWidth > root.width * 0.6 ?  root.width * 0.6 : implicitContentWidth + leftPadding + rightPadding
+            background: Item {}
+            text: VpnLogic.labelCurrentDns + " →"
+            font.family: "Lato"
+            font.styleName: "normal"
+            font.pixelSize: 16
+            onClicked: {
+                UiLogic.goToPage(PageEnum.NetworkSettings)
+            }
+        }
+
+        SvgImageType {
+            svg.source: VpnLogic.amneziaDnsEnabled ? "qrc:/images/svg/gpp_good_black_24dp.svg" : "qrc:/images/svg/gpp_maybe_black_24dp.svg"
+            color: VpnLogic.amneziaDnsEnabled ?  "#22aa33" : "orange"
+            width: 25
+            height: 25
+        }
+    }
+
 
     LabelType {
         id: error_text
-        anchors.top: layout2.bottom
+        anchors.top: layout3.bottom
         anchors.horizontalCenter: parent.horizontalCenter
         anchors.topMargin: 20
         width: parent.width - 20