chg: [requestProcessor:genericRequest] Improved UI

libraries/default/RequestProcessors/templates/LocalTool/GenericRequest.php

@@ -109,7 +109,7 @@ $requestData = $this->Bootstrap->collapse(
         'title' => __('Inter-connection data'),
         'open' => true,
     ],
-    sprintf('<pre class="p-2 rounded mb-0" style="background: #eee;"><code>%s</code></pre>', json_encode($request['data'], JSON_PRETTY_PRINT))
+    sprintf('<pre class="p-2 rounded mb-0" style="background: #eeeeee55;"><code>%s</code></pre>', json_encode($request['data'], JSON_PRETTY_PRINT))
 );
 
 $bodyHtml = sprintf('<div class="py-2"><div>%s</div>%s</div><div class="d-none">%s</div>',

src/View/Helper/BootstrapHelper.php

@@ -1142,7 +1142,7 @@ class BoostrapProgressTimeline extends BootstrapGeneric {
             ],
         ], $textLis);
         $html = $this->genNode('div', [
-            'class' => ['progress-timeline']
+            'class' => ['progress-timeline', 'mw-75', 'mx-auto']
         ], $ulIcons . $ulText);
         return $html;
     }

webroot/css/bootstrap-additional.css

@@ -1,3 +1,23 @@
+/* utils */
+.mw-75 {
+    max-width: 75% !important;
+  }
+.mw-50 {
+    max-width: 50% !important;
+}
+.mw-25 {
+    max-width: 25% !important;
+}
+.mh-75 {
+    max-width: 75% !important;
+}
+.mh-50 {
+    max-width: 50% !important;
+}
+.mh-25 {
+    max-width: 25% !important;
+}
+
 /* Toast */
 .toast {
     min-width: 250px;