From 7284066712b6aaf452a5addc23025b71ca2d36f0 Mon Sep 17 00:00:00 2001
From: superbuggy <jpqreichard@gmail.com>
Date: Mon, 9 Sep 2024 15:21:09 -0400
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Style=20modal?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/FlawAffects/FlawAffects.vue | 50 ++++++++++++++--------
 1 file changed, 33 insertions(+), 17 deletions(-)

diff --git a/src/components/FlawAffects/FlawAffects.vue b/src/components/FlawAffects/FlawAffects.vue
index 8869ef496..b18d9619b 100644
--- a/src/components/FlawAffects/FlawAffects.vue
+++ b/src/components/FlawAffects/FlawAffects.vue
@@ -606,34 +606,50 @@ const displayedTrackers = computed(() => {
       @affects:refresh="emit('affects:refresh')"
     />
   </div>
-  <Modal :show="isManageTrackersModalOpen" style="max-width: 75%;" @close="closeManagersTrackersModal">
-    <template #header>
-      <div class="d-flex w-100">
-        <h4 class="m-0">Tracker Manager</h4>
+  <div class="osim-tracker-manager-modal-container">
+    <Modal :show="isManageTrackersModalOpen" style="max-width: 75%;" @close="closeManagersTrackersModal">
+      <template #body>
         <button
           type="button"
           class="btn btn-close ms-auto"
           aria-label="Close"
           @click="closeManagersTrackersModal"
         />
-      </div>
-    </template>
-    <template #body>
-      <TrackerManager
-        :relatedFlaws="relatedFlaws"
-        :flaw="flaw"
-        @affects-trackers:refresh="refreshAffects"
-      />
-    </template>
-    <template #footer>
-      <div></div>
-    </template>
-  </Modal>
+        <TrackerManager
+          :relatedFlaws="relatedFlaws"
+          :flaw="flaw"
+          @affects-trackers:refresh="refreshAffects"
+        />
+      </template>
+    </Modal>
+  </div>
 </template>
 
 <style scoped lang="scss">
 @import '@/scss/bootstrap-overrides';
 
+.osim-tracker-manager-modal-container {
+  &:deep(.modal-header),
+  &:deep(.modal-footer) {
+    display: none;
+  }
+
+  &:deep(.modal-body) {
+    position: relative;
+    padding: 0;
+
+    .osim-affect-trackers-container {
+      margin: 0 !important;
+    }
+  }
+
+  :deep(.btn-close) {
+    position: absolute;
+    top: 1rem;
+    right: 1rem;
+  }
+}
+
 .osim-affects-section {
   margin-block: 1rem;