From 9c787d99ea5546d5b7fc7daa8f48f6c0adb60842 Mon Sep 17 00:00:00 2001
From: Florian Scholdei <florian.scholdei@cloudogu.com>
Date: Thu, 20 Jun 2019 14:33:16 +0200
Subject: [PATCH] defined ButtonGroup in DiffFile

---
 .../ui-components/src/repos/DiffFile.js       | 35 +++++++++++--------
 1 file changed, 20 insertions(+), 15 deletions(-)

diff --git a/scm-ui-components/packages/ui-components/src/repos/DiffFile.js b/scm-ui-components/packages/ui-components/src/repos/DiffFile.js
index 3a04880863..bf2cefc9fc 100644
--- a/scm-ui-components/packages/ui-components/src/repos/DiffFile.js
+++ b/scm-ui-components/packages/ui-components/src/repos/DiffFile.js
@@ -11,7 +11,7 @@ import {
 import injectSheets from "react-jss";
 import classNames from "classnames";
 import { translate } from "react-i18next";
-import { Button } from "../buttons";
+import { ButtonGroup, Button } from "../buttons";
 
 const styles = {
   panel: {
@@ -241,20 +241,25 @@ class DiffFile extends React.Component<Props, State> {
               {this.renderChangeTag(file)}
             </div>
             <div className={classNames("level-right", classes.buttonHeader)}>
-              <Button action={this.toggleSideBySide} className="reduced-mobile">
-                <span className="icon is-small">
-                  <i
-                    className={classNames(
-                      "fas",
-                      sideBySide ? "fa-align-left" : "fa-columns"
-                    )}
-                  />
-                </span>
-                <span>
-                  {t(sideBySide ? "diff.combined" : "diff.sideBySide")}
-                </span>
-              </Button>
-              {fileControls}
+              <ButtonGroup connected={false}>
+                <Button
+                  action={this.toggleSideBySide}
+                  className="reduced-mobile"
+                >
+                  <span className="icon is-small">
+                    <i
+                      className={classNames(
+                        "fas",
+                        sideBySide ? "fa-align-left" : "fa-columns"
+                      )}
+                    />
+                  </span>
+                  <span>
+                    {t(sideBySide ? "diff.combined" : "diff.sideBySide")}
+                  </span>
+                </Button>
+                {fileControls}
+              </ButtonGroup>
             </div>
           </div>
         </div>