diff --git a/apps/web/src/app/features/world/location-interaction-panel/location-interaction-panel.component.html b/apps/web/src/app/features/world/location-interaction-panel/location-interaction-panel.component.html
index 9e56835..660653d 100644
--- a/apps/web/src/app/features/world/location-interaction-panel/location-interaction-panel.component.html
+++ b/apps/web/src/app/features/world/location-interaction-panel/location-interaction-panel.component.html
@@ -7,17 +7,21 @@
data-interaction-panel
>
@if (result) {
- @if (result.img) {
-
- }
-
{{ result.text }}
+{{ result.text }}
+
diff --git a/apps/web/src/app/features/world/location-interaction-panel/location-interaction-panel.component.scss b/apps/web/src/app/features/world/location-interaction-panel/location-interaction-panel.component.scss
index c11e3b7..150808f 100644
--- a/apps/web/src/app/features/world/location-interaction-panel/location-interaction-panel.component.scss
+++ b/apps/web/src/app/features/world/location-interaction-panel/location-interaction-panel.component.scss
@@ -22,7 +22,14 @@
pointer-events: auto;
}
+.interaction-panel__body {
+ display: flex;
+ align-items: flex-start;
+ gap: var(--ar-space-4);
+}
+
.interaction-panel__portrait {
+ flex: 0 0 auto;
inline-size: 5rem;
block-size: 5rem;
object-fit: contain;
@@ -31,6 +38,11 @@
background: var(--ar-panel-muted);
}
+.interaction-panel__copy {
+ display: grid;
+ gap: var(--ar-space-3);
+}
+
.interaction-panel__title {
margin: 0;
color: var(--ar-gold);
diff --git a/apps/web/src/app/features/world/world-page.component.html b/apps/web/src/app/features/world/world-page.component.html
index 222d959..484c03e 100644
--- a/apps/web/src/app/features/world/world-page.component.html
+++ b/apps/web/src/app/features/world/world-page.component.html
@@ -10,7 +10,7 @@
preserveAspectRatio="none"
aria-hidden="true"
>
-