Fix UX Hit List items related to Activity Stream

awx/ui/client/src/activity-stream/factories/show-detail.factory.js

@@ -1,5 +1,5 @@
 export default
-     function ShowDetail($filter, Find) {
+     function ShowDetail($filter, Find, ParseTypeChange, ParseVariableString) {
          return function (params, scope) {
 
              var activity_id = params.activity_id,
@@ -20,6 +20,13 @@ export default
                  scope.operation = activity.description;
                  scope.header = "Event " + activity.id;
 
+                 scope.variables = ParseVariableString(scope.changes);
+                 scope.parseType = 'json';
+                 ParseTypeChange({ scope: scope,
+                    field_id: 'activity-stream-changes',
+                    readOnly: true });
+                 scope.parseTypeChange('parseType', 'variables');
+
                  // Open the modal
                  $('#stream-detail-modal').modal({
                      show: true,
@@ -35,4 +42,4 @@ export default
          };
      }
 
- ShowDetail.$inject = ['$filter', 'Find'];
+ ShowDetail.$inject = ['$filter', 'Find', 'ParseTypeChange', 'ParseVariableString'];

awx/ui/client/src/activity-stream/streamDetailModal/streamDetailModal.block.less

@@ -9,6 +9,7 @@
 
 .StreamDetail-rowTitle {
     color: @default-interface-txt;
+    font-size: 12px;
 }
 
 .StreamDetail-inlineRowTitle {

awx/ui/client/src/activity-stream/streamDetailModal/streamDetailModal.partial.html

@@ -18,7 +18,14 @@
                 </div>
                 <div ng-show="changes">
                     <div class="StreamDetail-rowTitle StreamDetail-changesRowTitle" translate>CHANGES</div>
-                  <pre class="StreamDetail-changes">{{ changes | json : spacing}}</pre>
+                    <textarea
+                    rows="6"
+                    ng-model="changes"
+                    name="changes"
+                    class="form-control Form-textArea Form-textAreaLabel Form-formGroup--fullWidth"
+                    id="activity-stream-changes"
+                    disabled="disabled">
+                    </textarea>
                 </div>
             </div>
             <div class="Modal-footer">

awx/ui/client/src/activity-stream/streams.list.js

@@ -18,7 +18,6 @@ export default ['i18n', function(i18n) {
         selectInstructions: '',
         index: false,
         hover: true,
-        "class": "table-condensed",
         toolbarAuxAction: "<stream-dropdown-nav></stream-dropdown-nav>",
 
         fields: {