From 6b2e90751c28d5576b4f2ea075f9409ef30b11b3 Mon Sep 17 00:00:00 2001
From: Colin Kallemein <cakallemein@gmail.com>
Date: Thu, 4 Jul 2024 15:31:20 +0200
Subject: [PATCH] Fix styling issues detail panel

---
 .../utilities/assetManager/AssetManager.vue          |  5 +++--
 .../assetManager/partials/ObjectDetails.vue          | 12 +++++++-----
 .../utilities/assetManager/partials/TileDetails.vue  |  7 +++++--
 3 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/components/utilities/assetManager/AssetManager.vue b/src/components/utilities/assetManager/AssetManager.vue
index 9dccc6d..844981b 100644
--- a/src/components/utilities/assetManager/AssetManager.vue
+++ b/src/components/utilities/assetManager/AssetManager.vue
@@ -153,8 +153,9 @@ function toTop() {
     .modal-form {
       &.asset-manager {
         margin: 10px;
-        width: calc(100% - 20px);
-        height: 100%;
+        width: calc(100% - 40px);
+        display: block;
+
         .form-fields {
           display: flex;
           gap: 10px;
diff --git a/src/components/utilities/assetManager/partials/ObjectDetails.vue b/src/components/utilities/assetManager/partials/ObjectDetails.vue
index 721bff7..82b540f 100644
--- a/src/components/utilities/assetManager/partials/ObjectDetails.vue
+++ b/src/components/utilities/assetManager/partials/ObjectDetails.vue
@@ -73,10 +73,12 @@ onBeforeUnmount(() => {
 </script>
 
 <style lang="scss">
-/**
-  * @TODO when scrolling here, the vertical line is cut off
- */
-.modal-form {
-  padding: 10px; // @TODO why dis no work?  fixme
+
+.asset-info {
+  .object-manager {
+    height: 100%;
+    overflow: auto;
+  }
 }
+
 </style>
diff --git a/src/components/utilities/assetManager/partials/TileDetails.vue b/src/components/utilities/assetManager/partials/TileDetails.vue
index 1e40a73..86e2fe6 100644
--- a/src/components/utilities/assetManager/partials/TileDetails.vue
+++ b/src/components/utilities/assetManager/partials/TileDetails.vue
@@ -88,7 +88,10 @@ onBeforeUnmount(() => {
 </script>
 
 <style lang="scss">
-.modal-form {
-  padding: 10px; // @TODO why dis no work?  fixme
+.asset-info {
+  .tile-manager {
+    height: 100%;
+    overflow: auto;
+  }
 }
 </style>