diff --git a/src/components/experiment-list/experiment-list.css b/src/components/experiment-list/experiment-list.css
index be1ab3c776ebb0ba1949c127d78177b43a552477..4eb57d703094f83aa7e2f18e273bf78002beda5d 100644
--- a/src/components/experiment-list/experiment-list.css
+++ b/src/components/experiment-list/experiment-list.css
@@ -4,18 +4,6 @@ li.nostyle {
.experiment-list-wrapper {
height: 100vh;
- display: grid;
- grid-template-rows: auto;
- grid-template-columns: auto;
- grid-template-areas:
- "experiments";
-}
-
-.experiment-list {
- text-align: left;
- grid-area: experiments;
- color: black;
- background-color: white;
}
.no-items-notification {
diff --git a/src/components/experiment-list/experiment-list.js b/src/components/experiment-list/experiment-list.js
index f5c0850dc7183e1f127b2ee92bb2a4d496c96ab4..8581fceab98712af9faf094b3d42b37e3e423c64 100644
--- a/src/components/experiment-list/experiment-list.js
+++ b/src/components/experiment-list/experiment-list.js
@@ -8,22 +8,20 @@ export default class ExperimentList extends React.Component {
render() {
return (
<div className='experiment-list-wrapper'>
- <div className='experiment-list'>
- {this.props.experiments.length === 0 ?
- <div className='no-items-notification'>List is currently empty ...</div> :
- <ol>
- {this.props.experiments.map(experiment => {
- return (
- <li key={experiment.id || experiment.configuration.id} className='nostyle'>
- <ExperimentListElement experiment={experiment}
- availableServers={this.props.availableServers}
- startingExperiment={this.props.startingExperiment}
- selectExperimentOverviewTab={this.props.selectExperimentOverviewTab} />
- </li>
- );
- })}
- </ol>}
- </div>
+ {this.props.experiments.length === 0 ?
+ <div className='no-items-notification'>List is currently empty ...</div> :
+ <ol>
+ {this.props.experiments.map(experiment => {
+ return (
+ <li key={experiment.id || experiment.configuration.id} className='nostyle'>
+ <ExperimentListElement experiment={experiment}
+ availableServers={this.props.availableServers}
+ startingExperiment={this.props.startingExperiment}
+ selectExperimentOverviewTab={this.props.selectExperimentOverviewTab} />
+ </li>
+ );
+ })}
+ </ol>}
</div>
);
}