From 86cdfb6845b07c8ee9da42a1e947befc69be278a Mon Sep 17 00:00:00 2001
From: Sandro Weber <webers@in.tum.de>
Date: Mon, 3 May 2021 12:36:45 +0200
Subject: [PATCH] experiment list formatting fixed?
---
.../experiment-list/experiment-list.css | 12 --------
.../experiment-list/experiment-list.js | 30 +++++++++----------
2 files changed, 14 insertions(+), 28 deletions(-)
diff --git a/src/components/experiment-list/experiment-list.css b/src/components/experiment-list/experiment-list.css
index be1ab3c..4eb57d7 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 f5c0850..8581fce 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>
);
}
--
GitLab