Content and styling changes of the status titles

Author: kaja-s

tui/components.py

@@ -24,8 +24,8 @@ def compose(self):
 
 
 class ScriptOutputType(str, Enum):
-    UNIT_TEST_OUTPUT_TEXT = "Unit tests: "
-    CONFORMANCE_TEST_OUTPUT_TEXT = "Conformance tests: "
+    UNIT_TEST_OUTPUT_TEXT = "Unit tests output: "
+    CONFORMANCE_TEST_OUTPUT_TEXT = "Conformance tests output: "
     TESTING_ENVIRONMENT_OUTPUT_TEXT = "Testing environment preparation execution output: "
 
     @staticmethod
@@ -260,8 +260,8 @@ def _refresh_content(self) -> None:
 
     def on_mount(self) -> None:
         """Initialize default labels on mount."""
-        self.module_text = "module: "
-        self.functionality_text = "functionality:"
+        self.module_text = "Module: "
+        self.functionality_text = "Functionality:"
         self._refresh_content()
 
     def compose(self):
@@ -326,7 +326,7 @@ def on_mount(self) -> None:
         self._refresh_content()
 
     def compose(self):
-        yield Static("latest test scripts", classes="test-scripts-title")
+        yield Static("testing status", classes="test-scripts-title")
         with Vertical(classes="test-scripts-box"):
             self.unit_widget = Static(self.unit_test_text, classes="test-script-row")
             self.conformance_widget = Static(self.conformance_test_text, classes="test-script-row")
@@ -378,24 +378,26 @@ def on_mount(self) -> None:
 
     def compose(self):
         yield RenderingInfoBox()
-        yield ProgressItem(
-            self.IMPLEMENTING_FUNCTIONALITY_TEXT,
-            id=TUIComponents.FRID_PROGRESS_RENDER_FR.value,
-        )
-        if self.unittests_script is not None:
+        yield Static("rendering status", classes="frid-state-machine-title")
+        with Vertical(classes="frid-state-machine-box"):
             yield ProgressItem(
-                self.UNIT_TEST_VALIDATION_TEXT,
-                id=TUIComponents.FRID_PROGRESS_UNIT_TEST.value,
+                self.IMPLEMENTING_FUNCTIONALITY_TEXT,
+                id=TUIComponents.FRID_PROGRESS_RENDER_FR.value,
             )
-        yield ProgressItem(
-            self.REFACTORING_TEXT,
-            id=TUIComponents.FRID_PROGRESS_REFACTORING.value,
-        )
-        if self.conformance_tests_script is not None:
+            if self.unittests_script is not None:
+                yield ProgressItem(
+                    self.UNIT_TEST_VALIDATION_TEXT,
+                    id=TUIComponents.FRID_PROGRESS_UNIT_TEST.value,
+                )
             yield ProgressItem(
-                self.CONFORMANCE_TEST_VALIDATION_TEXT,
-                id=TUIComponents.FRID_PROGRESS_CONFORMANCE_TEST.value,
+                self.REFACTORING_TEXT,
+                id=TUIComponents.FRID_PROGRESS_REFACTORING.value,
             )
+            if self.conformance_tests_script is not None:
+                yield ProgressItem(
+                    self.CONFORMANCE_TEST_VALIDATION_TEXT,
+                    id=TUIComponents.FRID_PROGRESS_CONFORMANCE_TEST.value,
+                )
 
 
 class LogEntry(Vertical):

tui/styles.css

@@ -7,7 +7,7 @@ Screen {
     margin: 0 2;
 }
 
-/* Codeplain Header Box */
+/* Codeplain Header Box - *codeplain (version)*/
 #codeplain-header {
     dock: top;
     margin: 1 0;
@@ -53,15 +53,16 @@ We might need those at some point, so just commenting them out for now.
     height: auto;
 }
 
-/* Rendering Info Box */
+/* Module Status */
 RenderingInfoBox {
     height: auto;
     margin: 1 0;
 }
 
+/* Module Status box border */
 .rendering-info-box {
     height: auto;
-    border: solid #E0FF6E;
+    border: solid #888;
     padding: 0 1;
 }
 
@@ -70,7 +71,12 @@ RenderingInfoBox {
 }
 
 .rendering-info-title {
-    color: #E0FF6E;
+    color: #888;
+    margin-bottom: 0;
+}
+
+.frid-state-machine-title {
+    color: #888;
     margin-bottom: 0;
 }
 
@@ -105,7 +111,6 @@ ProgressItem {
 }
 
 #frid-progress-header {
-    margin-bottom: 1;
     margin-left: 2;
     margin-right: 2;
     color: #FFF;
@@ -122,21 +127,28 @@ TestScriptsContainer {
     height: auto;
 }
 
+/* Latest script output container */
 .test-scripts-box {
     height: auto;
     color: #888;
-    border: solid #E0FF6E;
+    border: solid #888;
     padding: 0 1;
 }
 
 .test-scripts-title {
-    color: #E0FF6E;
+    color: #888;
     margin-bottom: 0;
 }
 
 .test-script-row {
     color: #FFF;
 }
+
+/* State machine container border */
+.frid-state-machine-box {
+    border: solid #888;
+    padding: 0 1;
+}
 #unit-test-script-output-widget,
 #conformance-tests-script-output-widget,
 #testing-environment-script-output-widget {