Merge pull request #2879 from NationalSecurityAgency/t#2874/responsiv…

…eness T#2874/responsiveness
NationalSecurityAgency · Sep 19, 2024 · e7b0cf0 · e7b0cf0
2 parents 81fb3a2 + cad5d51
commit e7b0cf0
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 1 deletion.
diff --git a/dashboard/src/components/metrics/skill/UsersByTagChart.vue b/dashboard/src/components/metrics/skill/UsersByTagChart.vue
@@ -124,7 +124,7 @@ const loadData = () => {
       <SkillsCardHeader :title="`Top 20 ${tag.label} User Counts`"></SkillsCardHeader>
     </template>
     <template #content>
-      <div class="flex gap-4">
+      <div class="flex flex-column xl:flex-row gap-4">
         <div class="flex flex-1">
           <Card data-cy="usersInProgressByTag" class="w-full">
             <template #header>

diff --git a/.../cypress/visualRegression/base/skillMetrics_spec.js/numUsersPostAchievement.png b/.../cypress/visualRegression/base/skillMetrics_spec.js/numUsersPostAchievement.png
diff --git a/...s/cypress/visualRegression/base/skillMetrics_spec.js/number of users by tag.png b/...s/cypress/visualRegression/base/skillMetrics_spec.js/number of users by tag.png