From 8722c857424c3267b852eeead1701cab507eaa6a Mon Sep 17 00:00:00 2001
From: Ivan Diaz <ivan@opensupports.com>
Date: Thu, 8 Dec 2016 01:27:50 -0300
Subject: [PATCH] Max - Add CSS styling to dropdown and button [skip ci]

---
 client/src/app-components/people-list.js        |  1 -
 .../panel/staff/admin-panel-staff-members.js    | 13 +++++++------
 .../panel/staff/admin-panel-staff-members.scss  | 17 +++++++++++++++++
 3 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/client/src/app-components/people-list.js b/client/src/app-components/people-list.js
index d0c1c0ff..9a8ffb0c 100644
--- a/client/src/app-components/people-list.js
+++ b/client/src/app-components/people-list.js
@@ -98,7 +98,6 @@ class PeopleList extends React.Component {
         }
     }
 
-
     getPages() {
         return Math.ceil(this.props.list.length / this.props.pageSize);
     }
diff --git a/client/src/app/admin/panel/staff/admin-panel-staff-members.js b/client/src/app/admin/panel/staff/admin-panel-staff-members.js
index ddd49eec..9be08ff4 100644
--- a/client/src/app/admin/panel/staff/admin-panel-staff-members.js
+++ b/client/src/app/admin/panel/staff/admin-panel-staff-members.js
@@ -28,14 +28,15 @@ class AdminPanelStaffMembers extends React.Component {
     }
 
     render() {
-        console.log(this.state.staffList);
         return (
-            <div>
+            <div className="admin-panel-staff-members">
                 <Header title={i18n('STAFF_MEMBERS')} description={i18n('STAFF_MEMBERS_DESCRIPTION')} />
-                <DropDown {...this.getDepartmentDropdownProps()} />
-                <Button size="medium" onClick={() => {}} type="secondary" className="">
-                    <Icon name="user-plus" className=""/> {i18n('ADD_NEW_STAFF')}
-                </Button>
+                <div className="admin-panel-staff-members__wrapper">
+                    <DropDown {...this.getDepartmentDropdownProps()} className="admin-panel-staff-members__dropdown" />
+                    <Button size="medium" onClick={() => {}} type="secondary" className="admin-panel-staff-members__button">
+                        <Icon name="user-plus" className=""/> {i18n('ADD_NEW_STAFF')}
+                    </Button>
+                </div>
                 {(this.state.loading) ? <Loading backgrounded /> : <PeopleList list={this.getStaffList()} />}
             </div>
         );
diff --git a/client/src/app/admin/panel/staff/admin-panel-staff-members.scss b/client/src/app/admin/panel/staff/admin-panel-staff-members.scss
index e69de29b..d31be626 100644
--- a/client/src/app/admin/panel/staff/admin-panel-staff-members.scss
+++ b/client/src/app/admin/panel/staff/admin-panel-staff-members.scss
@@ -0,0 +1,17 @@
+@import "../../../../scss/vars";
+
+.admin-panel-staff-members {
+
+    &__wrapper {
+        height: 60px;
+    }
+
+    &__dropdown {
+        float: left;
+    }
+
+    &__button {
+        float: right;
+        margin-top: -5px;
+    }
+}
\ No newline at end of file