Merge branch 'raptor-img-alignment' into 'main'

Fix raptor alignment See merge request reportcreator/reportcreator!418
Syslifters · Jan 17, 2024 · 6d8f681 · 6d8f681
2 parents 103a276 + 74ec386
commit 6d8f681
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 1 deletion.
diff --git a/frontend/src/components/ListView.vue b/frontend/src/components/ListView.vue
@@ -111,5 +111,7 @@ defineExpose({
   max-width: 50%;
   max-height: 40vh;
   margin-top: 1rem;
+  margin-left: auto;
+  margin-right: auto;
 }
 </style>
diff --git a/frontend/src/pages/notes/personal/index.vue b/frontend/src/pages/notes/personal/index.vue
@@ -16,5 +16,7 @@
   max-width: 50%;
   max-height: 50vh;
   margin-top: 20vh;
+  margin-left: auto;
+  margin-right: auto;
 }
 </style>
diff --git a/frontend/src/pages/projects/[projectId]/notes/index.vue b/frontend/src/pages/projects/[projectId]/notes/index.vue
@@ -16,5 +16,7 @@
   max-width: 50%;
   max-height: 50vh;
   margin-top: 20vh;
+  margin-left: auto;
+  margin-right: auto;
 }
 </style>
diff --git a/frontend/src/pages/projects/[projectId]/reporting/index.vue b/frontend/src/pages/projects/[projectId]/reporting/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="w-100 d-flex flex-column text-center">
+  <div class="w-100 text-center">
     <img src="~/assets/dino/project.svg" alt="" class="img-raptor" />
     <div>
       <strong>Start writing report sections and findings</strong>
@@ -16,5 +16,7 @@
   max-width: 50%;
   max-height: 50vh;
   margin-top: 20vh;
+  margin-left: auto;
+  margin-right: auto;
 }
 </style>