fix(tasks): summary style

Author: fiftin

web/src/components/AnsibleStageView.vue

@@ -67,8 +67,9 @@
                   font-size: 14px;
                   color: white;
                   border-radius: 10px;
-                  white-space: wrap;
-                  margin-top: 5px; margin-bottom: 5px;"
+                  white-space: pre-wrap;
+                  margin-top: 5px;
+                  margin-bottom: 5px;"
 
                  class="pa-2"
             >{{ item.error.trim() }}</pre>

web/src/components/TaskDetails.vue

@@ -106,31 +106,40 @@
         </v-card>
       </v-col>
       <v-col cols="12" md="6">
-        <v-card v-if="item?.params">
+        <v-card
+          v-if="item?.params"
+          :color="$vuetify.theme.dark ? '#212121' : 'white'"
+          style="background: #8585850f"
+          class="mb-5"
+        >
           <v-card-title>Task parameters</v-card-title>
           <v-card-text>
             <v-simple-table class="pa-0 TaskDetails__table">
               <template v-slot:default>
                 <tbody>
                 <tr>
                   <td><b>Limit</b></td>
-                  <td>{{ item.params.limit }}</td>
+                  <td>
+                    {{ item.params.limit ? 'Yes' : 'No' }}
+                  </td>
                 </tr>
                 <tr>
                   <td><b>Debug</b></td>
-                  <td>{{ item.params.debug }}</td>
+                  <td>
+                    {{ item.params.debug ? 'Yes' : 'No' }}
+                  </td>
                 </tr>
                 <tr>
                   <td><b>Debug level</b></td>
                   <td>{{ item.params.debug_level }}</td>
                 </tr>
                 <tr>
                   <td><b>Diff</b> <code>--diff</code></td>
-                  <td>{{ item.params.diff }}</td>
+                  <td>{{ item.params.diff ? 'Yes' : 'No' }}</td>
                 </tr>
                 <tr>
                   <td><b>Dry run</b> <code>--check</code></td>
-                  <td>{{ item.params.dry_run }}</td>
+                  <td>{{ item.params.dry_run ? 'Yes' : 'No' }}</td>
                 </tr>
                 <tr>
                   <td><b>Environment</b></td>