From a08deff7909b68a89662f8b93845918bdc613732 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Thu, 7 Sep 2017 17:22:24 +0200
Subject: Finish rack mode machine list rendering

---
 .../sidebars/topology/rack/EmptySlotComponent.js           | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

(limited to 'src/components/sidebars/topology/rack/EmptySlotComponent.js')

diff --git a/src/components/sidebars/topology/rack/EmptySlotComponent.js b/src/components/sidebars/topology/rack/EmptySlotComponent.js
index 5234ee63..1ca13b67 100644
--- a/src/components/sidebars/topology/rack/EmptySlotComponent.js
+++ b/src/components/sidebars/topology/rack/EmptySlotComponent.js
@@ -2,13 +2,13 @@ import React from "react";
 import FontAwesome from "react-fontawesome";
 
 const EmptySlotComponent = ({position, onAdd}) => (
-    <li className="list-group-item justify-content-between">
-        <span className="badge badge-default badge-info">
-            {position}
-        </span>
-        Add machine
-        <button className="btn btn-secondary" onClick={onAdd}>
-            <FontAwesome name="plus"/>
+    <li className="list-group-item d-flex justify-content-between align-items-center">
+            <span className="badge badge-default badge-info mr-1">
+                {position}
+            </span>
+        <button className="btn btn-outline-primary" onClick={onAdd}>
+            <FontAwesome name="plus" className="mr-1"/>
+            Add machine
         </button>
     </li>
 );
-- 
cgit v1.2.3