Merge pull request #19 from HBPMedical/feat/ui-adjustements

Extra adjustment of the graphical user interface and addition of illustration

README.md

@@ -56,12 +56,14 @@ You can use the installed `mip_dataset_mapper_ui` script to start the MIP Datase
 
 In a terminal, you can launch it with the following command:
 ```
-$ mip_dataset_mapper_ui 
+$ mip_dataset_mapper_ui
 ```
 
-This will display a window that consists of four main component in grid layout fashion.
+This displays the main window of MIP Dataset Mapper UI application that consists of four main component in a grid layout fashion, as shown in the screeshot below.
 
-The task of mapping the dataset would consist of the following tasks:
+![](./docs/images/mip-dmp_ui_illustration.png)
+
+The task of mapping the dataset consists of the following tasks:
 
 - Load a input CSV dataset in `.csv` format (top left)
 - Load a CDEs schema in `.xlxs` format (bottom left)

mip_dmp/qt5/components/dataset_mapper_window.py

@@ -324,12 +324,12 @@ def createToolBar(self, mainWindow):
         # Add a separator to the tool bar
         self.toolBar.addSeparator()
         # Add the load / save mapping file buttons to the tool bar
-        mappingToolLabel = QLabel("4. Mapping Check / Save / Load:")
+        mappingToolLabel = QLabel("4. Mapping (Load) / Check / Save:")
         mappingToolLabel.setStyleSheet("QLabel { font-weight: bold; color: #222222;}")
         self.toolBar.addWidget(mappingToolLabel)
+        self.toolBar.addAction(self.mappingLoadButton)
         self.toolBar.addAction(self.mappingCheckButton)
         self.toolBar.addAction(self.mappingSaveButton)
-        self.toolBar.addAction(self.mappingLoadButton)
         # Add a spacer to the tool bar
         spacer4 = QWidget()
         spacer4.setSizePolicy(QSizePolicy.Expanding, QSizePolicy.Preferred)