metaview: fix width on 100% scaling (close #200)

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%;

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>