diff --git a/interface/resources/images/address-bar.001.svg b/interface/resources/images/address-bar.001.svg
new file mode 100644
index 0000000000..7734b95be5
--- /dev/null
+++ b/interface/resources/images/address-bar.001.svg
@@ -0,0 +1,81 @@
+
+
diff --git a/interface/resources/images/darkgreyarrow.png b/interface/resources/images/darkgreyarrow.png
new file mode 100644
index 0000000000..4c9a8a2bbf
Binary files /dev/null and b/interface/resources/images/darkgreyarrow.png differ
diff --git a/interface/resources/images/lightgreyarrow.png b/interface/resources/images/lightgreyarrow.png
new file mode 100644
index 0000000000..1e221f3c73
Binary files /dev/null and b/interface/resources/images/lightgreyarrow.png differ
diff --git a/interface/resources/images/lightgreyarrow.svg b/interface/resources/images/lightgreyarrow.svg
index defaf8d798..fbe697c3e9 100644
--- a/interface/resources/images/lightgreyarrow.svg
+++ b/interface/resources/images/lightgreyarrow.svg
@@ -1,3 +1,11 @@
-
-
-
+
+
+
diff --git a/interface/resources/images/sepline.png b/interface/resources/images/sepline.png
new file mode 100644
index 0000000000..959fcee72f
Binary files /dev/null and b/interface/resources/images/sepline.png differ
diff --git a/interface/resources/qml/AddressBarDialog.qml b/interface/resources/qml/AddressBarDialog.qml
index 5cac0da223..1ddce9b04d 100644
--- a/interface/resources/qml/AddressBarDialog.qml
+++ b/interface/resources/qml/AddressBarDialog.qml
@@ -39,12 +39,13 @@ DialogContainer {
Image {
id: backgroundImage
- source: "../images/address-bar.svg"
+ source: "../images/address-bar.001.svg"
width: 576 * root.scale
height: 80 * root.scale
property int inputAreaHeight: 56.0 * root.scale // Height of the background's input area
property int inputAreaStep: (height - inputAreaHeight) / 2
+ /*
Image {
id: arrowContainer
@@ -57,21 +58,50 @@ DialogContainer {
topMargin: parent.inputAreaStep + hifi.layout.spacing
bottomMargin: parent.inputAreaStep + hifi.layout.spacing
}
+ }*/
+
+ Image {
+ id: darkGreyArrowBack
+
+ source: "../images/darkgreyarrow.png"
+
+ anchors {
+ fill: parent
+ leftMargin: parent.height + hifi.layout.spacing * 2
+ rightMargin: parent.height + hifi.layout.spacing * 60
+ topMargin: parent.inputAreaStep + parent.inputAreaStep + hifi.layout.spacing
+ bottomMargin: parent.inputAreaStep + parent.inputAreaStep + hifi.layout.spacing
+ }
}
- //Image {
- // id: darkGreyArrowBack
+ Image {
+ id: seperator
- // source: "../images/darkgreyarrow.svg"
+ source: "../images/sepline.png"
- //anchors {
- // fill: parent
- // leftMargin: parent.height + hifi.layout.spacing * 4
- // rightMargin: parent.height + hifi.layout.spacing * 55
- // topMargin: parent.inputAreaStep + parent.inputAreaStep + hifi.layout.spacing
- // bottomMargin: parent.inputAreaStep + parent.inputAreaStep + hifi.layout.spacing
- //}
- //}
+ anchors {
+ fill: parent
+ leftMargin: parent.height + hifi.layout.spacing * 7
+ rightMargin: parent.height + hifi.layout.spacing * 57
+ topMargin: parent.inputAreaStep + hifi.layout.spacing
+ bottomMargin: parent.inputAreaStep + hifi.layout.spacing
+ }
+ }
+
+
+ Image {
+ id: lightGreyArrowForward
+
+ source: "../images/lightgreyarrow.png"
+
+ anchors {
+ fill: parent
+ leftMargin: parent.height + hifi.layout.spacing * 10
+ rightMargin: parent.height + hifi.layout.spacing * 52
+ topMargin: parent.inputAreaStep + parent.inputAreaStep + hifi.layout.spacing
+ bottomMargin: parent.inputAreaStep + parent.inputAreaStep + hifi.layout.spacing
+ }
+ }
TextInput {
id: addressLine