From 467c52053c5ab4dc3be299e3d827d73b240e9e84 Mon Sep 17 00:00:00 2001
From: Varun Patil <varunpatil@ucla.edu>
Date: Mon, 14 Nov 2022 21:49:41 -0800
Subject: [PATCH] metaview: fix width on 100% scaling (close #200)

---
 src/App.vue                 | 5 +++++
 src/components/Metadata.vue | 4 +++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 9d1c0731..7b00bc27 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -344,6 +344,11 @@ body.has-viewer header {
   overflow-x: hidden;
 }
 
+// Prevent sidebar from becoming too big
+aside.app-sidebar {
+  max-width: 360px !important;
+}
+
 // Fill all available space
 .fill-block {
   width: 100%;
diff --git a/src/components/Metadata.vue b/src/components/Metadata.vue
index 850aa392..8e69d8ff 100644
--- a/src/components/Metadata.vue
+++ b/src/components/Metadata.vue
@@ -343,6 +343,8 @@ export default class Metadata extends Mixins(GlobalMixin) {
 
 .map {
   width: 100%;
-  height: 200px;
+  aspect-ratio: 16 / 10;
+  min-height: 200px;
+  max-height: 250px;
 }
 </style>
\ No newline at end of file