Merge pull request #844 from IATI/minor-visual

Add styles to Report page feedback items
IATI · Jan 7, 2025 · 30d5dcb · 30d5dcb
2 parents f0a6de8 + a500e51
commit 30d5dcb
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/report/FeedbackItem.vue b/src/components/report/FeedbackItem.vue
@@ -34,7 +34,7 @@
   <AppAlert class="mt-2" :variant="props.item.severity">
     <div>
       <span class="float-right">
-        {{ props.item.id }}
+        <span class="font-bold">{{ props.item.id }}</span>
         <a v-if="isGuidanceAvailable" :href="guidanceLink" title="Open guidance in a new window">(see guidance)</a>
         <a v-if="codelistLink" :href="codelistLink" title="Open guidance in a new window">(see guidance)</a>
       </span>
@@ -43,7 +43,7 @@
         v-if="props.item.context.length > 1 || (props.item.context.length && props.item.context[0].text !== '')"
         class="list-disc pl-10"
       >
-        <li v-for="(context, index) of props.item.context" :key="index">
+        <li v-for="(context, index) of props.item.context" :key="index" class="iati-code bg-white pl-2">
           <span v-if="containsQuotedTrailingWhitespace(context.text)">
             {{ context.text }}
             <p class="text-error">An empty space was added to the attribute</p>