From fd7b6b958e7da1073b68a13e817ceaacaf6ad28c Mon Sep 17 00:00:00 2001
From: Clemens <cle1000.cb@gmail.com>
Date: Wed, 3 Aug 2016 15:40:23 +0200
Subject: [PATCH] litte style changes

---
 web/src/css/flowdetail.less                                 | 4 ++++
 web/src/js/components/ContentView/ShowFullContentButton.jsx | 2 +-
 web/src/js/components/common/Button.jsx                     | 4 ++--
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/web/src/css/flowdetail.less b/web/src/css/flowdetail.less
index 7e65528fc..b4c7047b9 100644
--- a/web/src/css/flowdetail.less
+++ b/web/src/css/flowdetail.less
@@ -69,6 +69,10 @@
     margin-top: 10px;
 }
 
+.view-all-content-btn{
+    float: right;
+}
+
 .flow-detail table {
     .monospace();
     width: 100%;
diff --git a/web/src/js/components/ContentView/ShowFullContentButton.jsx b/web/src/js/components/ContentView/ShowFullContentButton.jsx
index a0217d32b..17e61be46 100644
--- a/web/src/js/components/ContentView/ShowFullContentButton.jsx
+++ b/web/src/js/components/ContentView/ShowFullContentButton.jsx
@@ -14,7 +14,7 @@ ShowFullContentButton.propTypes = {
 function ShowFullContentButton ( {setShowFullContent, showFullContent} ){
 
     return (
-        !showFullContent && <Button isXs={true} onClick={() => setShowFullContent(true)} text="Show full content"/>
+        !showFullContent && <Button className="view-all-content-btn" isXs={true} onClick={() => setShowFullContent(true)} text="Show full content"/>
     )
 }
 
diff --git a/web/src/js/components/common/Button.jsx b/web/src/js/components/common/Button.jsx
index 0ac807826..d623974f7 100644
--- a/web/src/js/components/common/Button.jsx
+++ b/web/src/js/components/common/Button.jsx
@@ -7,9 +7,9 @@ Button.propTypes = {
     icon: PropTypes.string
 }
 
-export default function Button({ onClick, text, icon, disabled, isXs }) {
+export default function Button({ onClick, text, icon, disabled, isXs, className }) {
     return (
-        <div className={classnames('btn btn-default', { 'btn-xs': isXs})}
+        <div className={classnames(className, 'btn btn-default', { 'btn-xs': isXs})}
              onClick={onClick}
              disabled={disabled}>
             {icon && (<i className={"fa fa-fw " + icon}/> )}