From eda2a208c6d443dbe3f08fd9f4b3990bfc561eb4 Mon Sep 17 00:00:00 2001
From: David Kaltschmidt <david.kaltschmidt@gmail.com>
Date: Thu, 21 Apr 2016 19:36:13 +0200
Subject: [PATCH] Sort controls by rank in the UI

---
 .../scripts/components/node-details/node-details-controls.js   | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/client/app/scripts/components/node-details/node-details-controls.js b/client/app/scripts/components/node-details/node-details-controls.js
index d3028e74d..703d5f79e 100644
--- a/client/app/scripts/components/node-details/node-details-controls.js
+++ b/client/app/scripts/components/node-details/node-details-controls.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import _ from 'lodash';
 
 import NodeDetailsControlButton from './node-details-control-button';
 
@@ -17,7 +18,7 @@ export default function NodeDetailsControls({controls, error, nodeId, pending})
         <span className="node-details-controls-error-messages">{error}</span>
       </div>}
       <span className="node-details-controls-buttons">
-        {controls && controls.map(control => <NodeDetailsControlButton
+        {_.sortBy(controls, 'rank').map(control => <NodeDetailsControlButton
           nodeId={nodeId} control={control} pending={pending} key={control.id} />)}
       </span>
       {controls && <span title="Applying..." className={spinnerClassName}></span>}