From 0ba2ccf81b5a6380011d6b20e6214886cb9acdf5 Mon Sep 17 00:00:00 2001
From: bergice <andre.kiste@silverstripe.com>
Date: Thu, 1 Nov 2018 15:08:44 +1300
Subject: [PATCH] MINOR: Right align elements in toolbar and add rounding on
 buttons

---
 client/src/components/Toolbar/Toolbar.scss | 33 ++++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/client/src/components/Toolbar/Toolbar.scss b/client/src/components/Toolbar/Toolbar.scss
index cc4e63687..7d9a2e22b 100644
--- a/client/src/components/Toolbar/Toolbar.scss
+++ b/client/src/components/Toolbar/Toolbar.scss
@@ -14,6 +14,39 @@
   .btn {
     margin-bottom: 0;
   }
+
+  .right {
+    margin-left: auto;
+
+    .btn-group:not(last-child) {
+      margin-right: 10px !important;
+    }
+  }
+
+  .rounded {
+
+    &.btn, >.btn {
+      width: 32px;
+      padding-left: 7px;
+
+      &:last-child{
+        border-top-right-radius: 100px !important;
+        border-bottom-right-radius: 100px !important;
+      }
+
+      &:first-child {
+        border-top-left-radius: 100px !important;
+        border-bottom-left-radius: 100px !important;
+      }
+
+    }
+
+    border-radius: 100px !important;
+
+    &::before, .btn::before {
+      margin-right: 0;
+    }
+  }
 }
 
 // Northern bar containing breadcrumb, tabs etc.