From 85250b5c9b43e48df1a934d37558f9b6a4cb8a89 Mon Sep 17 00:00:00 2001
From: Robert Clark <rbclark@mitre.org>
Date: Thu, 14 Jan 2021 08:11:58 -0500
Subject: [PATCH 1/2] Fix formatting of ControlRowCol's

The application was not properly wrapping text for "Test" field in ControlRowCol's. Fix the wrapping and respect newlines in Test and Result fields.
---
 .../components/cards/controltable/ControlRowCol.vue    | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/apps/frontend/src/components/cards/controltable/ControlRowCol.vue b/apps/frontend/src/components/cards/controltable/ControlRowCol.vue
index f542832155..5e111f5b86 100644
--- a/apps/frontend/src/components/cards/controltable/ControlRowCol.vue
+++ b/apps/frontend/src/components/cards/controltable/ControlRowCol.vue
@@ -23,8 +23,8 @@
       <v-divider />
       <!-- HTML is sanitized with sanitize-html -->
       <!-- eslint-disable vue/no-v-html -->
-      <pre
-        class="pa-2 mono text-justify"
+      <div
+        class="pa-2 mono text-justify pre-formatted"
         v-html="sanitize_html(result.code_desc.trim())"
       />
       <!-- eslint-enable vue/no-v-html -->
@@ -34,7 +34,7 @@
       <v-divider />
       <!-- eslint-disable vue/no-v-html -->
       <div
-        class="pa-2 mono text-justify"
+        class="pa-2 mono text-justify pre-formatted"
         v-html="sanitize_html(result.message.trim())"
       />
       <!-- eslint-enable vue/no-v-html -->
@@ -71,4 +71,8 @@ export default class ControlRowCol extends mixins(HtmlSanitizeMixin) {
 button.unclickable-button {
   pointer-events: none;
 }
+
+.pre-formatted {
+  white-space: pre-wrap;
+}
 </style>

From 6e6346c002bee284b607dc4bbab6688611e24760 Mon Sep 17 00:00:00 2001
From: Robert Clark <rbclark@mitre.org>
Date: Thu, 14 Jan 2021 08:48:04 -0500
Subject: [PATCH 2/2] Cleanup ControlRow, text-justify and pre-formatted are
 incompatible options, remove text-justify

---
 .../src/components/cards/controltable/ControlRowCol.vue      | 4 ++--
 .../src/components/cards/controltable/ControlRowDetails.vue  | 5 +----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/apps/frontend/src/components/cards/controltable/ControlRowCol.vue b/apps/frontend/src/components/cards/controltable/ControlRowCol.vue
index 5e111f5b86..d2dd7debdb 100644
--- a/apps/frontend/src/components/cards/controltable/ControlRowCol.vue
+++ b/apps/frontend/src/components/cards/controltable/ControlRowCol.vue
@@ -24,7 +24,7 @@
       <!-- HTML is sanitized with sanitize-html -->
       <!-- eslint-disable vue/no-v-html -->
       <div
-        class="pa-2 mono text-justify pre-formatted"
+        class="pa-2 mono pre-formatted"
         v-html="sanitize_html(result.code_desc.trim())"
       />
       <!-- eslint-enable vue/no-v-html -->
@@ -34,7 +34,7 @@
       <v-divider />
       <!-- eslint-disable vue/no-v-html -->
       <div
-        class="pa-2 mono text-justify pre-formatted"
+        class="pa-2 mono pre-formatted"
         v-html="sanitize_html(result.message.trim())"
       />
       <!-- eslint-enable vue/no-v-html -->
diff --git a/apps/frontend/src/components/cards/controltable/ControlRowDetails.vue b/apps/frontend/src/components/cards/controltable/ControlRowDetails.vue
index 562e172c7e..c3b16642d0 100644
--- a/apps/frontend/src/components/cards/controltable/ControlRowDetails.vue
+++ b/apps/frontend/src/components/cards/controltable/ControlRowDetails.vue
@@ -36,10 +36,7 @@
                   <v-col cols="12" :class="detail.class">
                     <h3>{{ detail.name }}:</h3>
                     <!-- eslint-disable vue/no-v-html -->
-                    <h4
-                      class="mono preserve-whitespace"
-                      v-html="sanitize_html(detail.value)"
-                    />
+                    <h4 class="mono" v-html="sanitize_html(detail.value)" />
                     <!-- eslint-enable vue/no-v-html -->
                   </v-col>
                   <v-divider />