From c8dc4fa12d182882f88019e1496405f3e3fee28c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Daubensch=C3=BCtz?= <tim@ascribe.io>
Date: Mon, 10 Aug 2015 11:11:28 +0200
Subject: [PATCH] adjust action panel usage for applications

---
 js/components/settings_container.js | 26 ++++++++++++++++++--------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/js/components/settings_container.js b/js/components/settings_container.js
index adab2ba4..d7255731 100644
--- a/js/components/settings_container.js
+++ b/js/components/settings_container.js
@@ -349,16 +349,26 @@ let APISettings = React.createClass({
                     <ActionPanel
                         name={app.name}
                         key={i}
-                        title={app.name}
-                        content={'Bearer ' + app.bearer_token.token}
+                        content={
+                            <div>
+                                <div className='ascribe-panel-title'>
+                                    {app.name}
+                                </div>
+                                <div className="ascribe-panel-subtitle">
+                                    {'Bearer ' + app.bearer_token.token}
+                                </div>
+                            </div>
+                        }
                         buttons={
                             <div className="pull-right">
-                                <button
-                                    className="pull-right btn btn-default btn-sm"
-                                    onClick={this.handleTokenRefresh}
-                                    data-id={app.name}>
-                                    {getLangText('REFRESH')}
-                                </button>
+                                <div className="pull-right">
+                                    <button
+                                        className="pull-right btn btn-default btn-sm"
+                                        onClick={this.handleTokenRefresh}
+                                        data-id={app.name}>
+                                        {getLangText('REFRESH')}
+                                    </button>
+                                </div>
                             </div>
                         }/>
                     );