diff --git a/CHANGES.md b/CHANGES.md
index 5e9cfa9..fb8eeda 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -7,6 +7,7 @@
open the browser
- Add versioneer
- Enable user to specify pump configuration directory
+- Styling of frontend served via the build
- Update to `react-scripts` 2.1.3
2018.11.07
diff --git a/EXECUTABLE.md b/EXECUTABLE.md
index ebe7059..28ee260 100644
--- a/EXECUTABLE.md
+++ b/EXECUTABLE.md
@@ -44,4 +44,4 @@ This will create a run.spec file in the backend directory.
3. Activate the virtual environment
4. Type: `pyinstaller --clean run.spec`
-This generates a `run.exe` file inside the backend's `dist` folder.
+This generates a `.exe` file inside the backend's `dist` folder.
diff --git a/pyqmix_frontend/src/App.css b/pyqmix_frontend/src/App.css
index 3f2d170..9988ff4 100644
--- a/pyqmix_frontend/src/App.css
+++ b/pyqmix_frontend/src/App.css
@@ -70,8 +70,8 @@ body {
}
}
-.text-modal {
- white-space: pre-line;
+.modal-input {
+ text-align: left;
}
.form-control {
diff --git a/pyqmix_frontend/src/App.js b/pyqmix_frontend/src/App.js
index 228738b..9a0e203 100644
--- a/pyqmix_frontend/src/App.js
+++ b/pyqmix_frontend/src/App.js
@@ -730,7 +730,7 @@ class PumpForm extends Component {
+ className="modal-input">
Select a pump configuration
{/**/}
@@ -809,7 +809,7 @@ class PumpForm extends Component {
+ className="modal-input">
Error - no pumps were detected.
Ensure that:
@@ -860,7 +860,8 @@ class PumpForm extends Component {
disabled={this.state.selectedPumps.length === 0}
> Reference Move
Calibrate the selected pumps.
-
+
Reference Move
Detach all syringes from the pumps before continuing.
@@ -894,7 +895,8 @@ class PumpForm extends Component {
> Fill Cycle
Fill & empty the syringe multiple times. Ends with a filled syringe.
-
+
Fill
Insert the inlet tube into the stimulus reservoir and
@@ -971,7 +973,7 @@ class PumpForm extends Component {
Empty & fill the syringe multiple times. Ends with an empty syringe.
+ className="modal-input">
Empty
Remove the inlet tube from the stimulus reservoir and
@@ -1045,7 +1047,7 @@ class PumpForm extends Component {
> Bubble Cycle
Guided procedure to remove air bubbles trapped in the syringe. Ends with a filled syringe.
+ className="modal-input">
Bubble Cycle
Insert the inlet tube into the stimulus reservoir.
@@ -1060,7 +1062,7 @@ class PumpForm extends Component {
+ className="modal-input">
Bubble Cycle
Remove the inlet tube from the stimulus reservoir to aspirate air.
@@ -1077,7 +1079,7 @@ class PumpForm extends Component {
+ className="modal-input">
Bubble Cycle
Insert the inlet tube into the stimulus reservoir.
@@ -1140,7 +1142,7 @@ class PumpForm extends Component {
> Rinse Cycle
Empty & fill the syringe multiple times. Ends with an empty syringe.
+ className="modal-input">
Rinse
Insert the inlet tube into the rinsing fluid