move Create Entitlement button up and shrink username search bar

This commit is contained in:
McKenzie Welter
2018-04-09 09:31:38 -04:00
parent 87573dc26b
commit 300427be3f
4 changed files with 26 additions and 10 deletions

View File

@@ -7,7 +7,7 @@ import EntitlementSupportTableContainer from '../Table/EntitlementSupportTableCo
import EntitlementFormContainer from '../EntitlementForm/container.jsx';
const Main = props => (
<div>
<div className="entitlement-support-wrapper">
<StatusAlert
alertType="danger"
dialog={props.errorMessage}
@@ -28,15 +28,17 @@ const Main = props => (
const MainContent = (props) => {
if (props.isFormOpen) {
return <EntitlementFormContainer />;
}
}
return (
<div>
<SearchContainer />
<Button
className={['btn', 'btn-primary']}
label="Create New Entitlement"
onClick={props.openCreationForm}
/>
<div className="actions">
<SearchContainer />
<Button
className={['btn', 'btn-primary']}
label="Create New Entitlement"
onClick={props.openCreationForm}
/>
</div>
<EntitlementSupportTableContainer ecommerceUrl={props.ecommerceUrl} />
</div>
);

View File

@@ -24,7 +24,7 @@ class Search extends React.Component {
render() {
return (
<form onSubmit={this.handleSubmit}>
<form onSubmit={this.handleSubmit} className="col-md-3 search-form">
<InputText
name="username"
label="Search by Username"

View File

@@ -27,6 +27,7 @@ $static-path: '../..';
// Individual Pages
@import "views/program-marketing-page";
@import "views/entitlement-support-page";
// Responsive Design
@import '../header';
@@ -35,4 +36,4 @@ $static-path: '../..';
@import 'lms/theme/extras';
// Experiments
@import 'experiments';
@import 'experiments';

View File

@@ -0,0 +1,13 @@
.entitlement-support-wrapper {
div.actions {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
form.search-form {
padding-left: 0;
padding-right: 0;
}
}