Some minor UI changes to the frontend (#644)

Dash-Industry-Forum · Mar 10, 2023 · 56567a8 · 56567a8
1 parent 855ce40
commit 56567a8
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 10 deletions.
diff --git a/Conformance-Frontend/src/tool-view.js b/Conformance-Frontend/src/tool-view.js
@@ -39,7 +39,6 @@ function ToolView() {
       id: _rootElementId,
       className: "d-flex flex-column",
       children: [
-        { element: "h1", text: "Validator" },
         { id: validatorFormElementId },
         { id: resultsElementId },
       ],

diff --git a/Conformance-Frontend/src/validator.js b/Conformance-Frontend/src/validator.js
@@ -147,7 +147,7 @@ function Validator({ modules }) {
     let validator = UI.createElement({
       id: elementId,
       className: "container border rounded p-3 bg-light",
-      style: "max-width: 768px",
+      style: "max-width: 960px",
       children: [
         _state.error
           ? {
@@ -176,13 +176,13 @@ function Validator({ modules }) {
               className: "mb-3 row",
               children: [
                 {
-                  element: "label",
-                  className: "col-sm-2 col-form-label",
+                  element: "h3",
+                  className: "col-sm-3 col-form-label",
                   for: "mpd-url",
                   text: "Manifest",
                 },
                 {
-                  className: "col-sm-10",
+                  className: "col-sm-9",
                   children: [
                     {
                       element: "ul",
@@ -277,12 +277,12 @@ function Validator({ modules }) {
               className: "mb-3 row",
               children: [
                 {
-                  element: "label",
-                  className: "col-sm-2 col-form-label",
-                  text: "Include additional tests",
+                  element: "h3",
+                  className: "col-sm-3 col-form-label",
+                  text: "Enabled Modules",
                 },
                 {
-                  className: "col-sm-10",
+                  className: "col-sm-9",
                   children: modules.map((module) => ({
                     className: "form-check",
                     children: [

diff --git a/index.php b/index.php
@@ -2,7 +2,7 @@
 <html style="height:100%">
     <body style="margin:0px;padding:0px;overflow:hidden;height:100%">
         <iframe src="Conformance-Frontend/index.html" name="targetframe" style="overflow:hidden;height:100%;width:100%" height="100%" width="100%" frameborder="0"></iframe>
-        <div style="position: absolute;top: 0;right: 0;">github: <?php
+        <div style="position: absolute;top: 0;right: 0;font-color:white;">Github Commit ID: <?php
             $shortsha=getenv('SHORT_SHA');
             $githublink="<a href=\"https://github.com/Dash-Industry-Forum/DASH-IF-Conformance/tree/$shortsha\">$shortsha</a>";
             $version = !$shortsha ? 'unknown' : $githublink;