From 5e884fe06c0aaf44d00a8028172c1cb5415a3052 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <mads@umbraco.com>
Date: Tue, 6 Nov 2018 21:12:04 +0100
Subject: [PATCH] align button to the left + use umb-button component

---
 .../src/views/stylesheets/views/rules/rules.html         | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/stylesheets/views/rules/rules.html b/src/Umbraco.Web.UI.Client/src/views/stylesheets/views/rules/rules.html
index 17b52f064e..3b8de8bc74 100644
--- a/src/Umbraco.Web.UI.Client/src/views/stylesheets/views/rules/rules.html
+++ b/src/Umbraco.Web.UI.Client/src/views/stylesheets/views/rules/rules.html
@@ -18,9 +18,12 @@
                             </div>
                         </div>
                     </div>
-                    <div class="text-right">
-                        <button class="btn btn-info" ng-click="add($event)"><localize key="general_add">Add</localize></button>
-                    </div>
+                    <umb-button
+                        type="button"
+                        button-style="info"
+                        action="add($event)"
+                        label-key="general_add">
+                    </umb-button>
                 </div>
             </div>
         </div>