From a3b45ff2039c22981643ff501780ee016f9a2bef Mon Sep 17 00:00:00 2001
From: Jaime van Kessel <nallath@gmail.com>
Date: Mon, 26 Nov 2018 17:35:23 +0100
Subject: [PATCH] Simplify the viewOrientation controls

---
 resources/qml/ViewOrientationButton.qml   | 16 +++++++++++++++
 resources/qml/ViewOrientationControls.qml | 24 +++++++----------------
 2 files changed, 23 insertions(+), 17 deletions(-)
 create mode 100644 resources/qml/ViewOrientationButton.qml

diff --git a/resources/qml/ViewOrientationButton.qml b/resources/qml/ViewOrientationButton.qml
new file mode 100644
index 0000000000..682fd71b4e
--- /dev/null
+++ b/resources/qml/ViewOrientationButton.qml
@@ -0,0 +1,16 @@
+// Copyright (c) 2018 Ultimaker B.V.
+// Cura is released under the terms of the LGPLv3 or higher.
+
+import QtQuick 2.2
+
+import UM 1.4 as UM
+
+UM.SimpleButton
+{
+    width: UM.Theme.getSize("small_button").width
+    height: UM.Theme.getSize("small_button").height
+    hoverBackgroundColor: UM.Theme.getColor("small_button_hover")
+    hoverColor: UM.Theme.getColor("small_button_text_hover")
+    color: UM.Theme.getColor("small_button_text")
+    iconMargin: 0.5 * UM.Theme.getSize("wide_lining").width
+}
\ No newline at end of file
diff --git a/resources/qml/ViewOrientationControls.qml b/resources/qml/ViewOrientationControls.qml
index acf75b1b48..51ed6e3dcb 100644
--- a/resources/qml/ViewOrientationControls.qml
+++ b/resources/qml/ViewOrientationControls.qml
@@ -7,7 +7,7 @@ import QtQuick.Controls.Styles 1.1
 
 import UM 1.4 as UM
 
-// View orientation Item
+// A row of buttons that control the view direction
 Row
 {
     id: viewOrientationControl
@@ -16,43 +16,33 @@ Row
     height: childrenRect.height
     width: childrenRect.width
 
-    // #1 3d view
-    Button
+    ViewOrientationButton
     {
         iconSource: UM.Theme.getIcon("view_3d")
-        style: UM.Theme.styles.small_tool_button
-        onClicked:UM.Controller.rotateView("3d", 0)
+        onClicked: UM.Controller.rotateView("3d", 0)
     }
 
-    // #2 Front view
-    Button
+    ViewOrientationButton
     {
         iconSource: UM.Theme.getIcon("view_front")
-        style: UM.Theme.styles.small_tool_button
         onClicked: UM.Controller.rotateView("home", 0)
     }
 
-    // #3 Top view
-    Button
+    ViewOrientationButton
     {
         iconSource: UM.Theme.getIcon("view_top")
-        style: UM.Theme.styles.small_tool_button
         onClicked: UM.Controller.rotateView("y", 90)
     }
 
-    // #4 Left view
-    Button
+    ViewOrientationButton
     {
         iconSource: UM.Theme.getIcon("view_left")
-        style: UM.Theme.styles.small_tool_button
         onClicked: UM.Controller.rotateView("x", 90)
     }
 
-    // #5 Right view
-    Button
+    ViewOrientationButton
     {
         iconSource: UM.Theme.getIcon("view_right")
-        style: UM.Theme.styles.small_tool_button
         onClicked: UM.Controller.rotateView("x", -90)
     }
 }