msc: style adjustments

frontend/src/components/ActiveSchemaScreen.vue

@@ -11,7 +11,7 @@
                     <va-icon name="circle" color="gray" size="small"></va-icon>
                 </va-list-item-section>
                 <va-list-item-section>
-                    <va-list-item-label class="header-item" caption:lines="index+1">{{ header }}</va-list-item-label>
+                    <va-list-item-label class="header-item" :lines="2">{{ header }}</va-list-item-label>
                 </va-list-item-section>
             </va-list-item>
         </va-list>
@@ -68,7 +68,7 @@ export default defineComponent({
                 "list-view",
                 "mosaic-view",
             ],
-            selectedOption: "mosaic-view"
+            selectedOption: "list-view"
         }
     },
 })

frontend/src/components/ItemDetails.vue

@@ -23,7 +23,7 @@
 
                 <va-card-content>
                     <div class="va-table-responsive">
-                        <table class="va-table va-table--striped">
+                        <table class="va-table va-table--striped detail-table">
                             <tbody>
                                 <tr
                                     v-for="[key, value] of Object.entries(this.itemDetails).filter(([k, _v]) => !(this.hidden.includes(k)))">
@@ -138,4 +138,8 @@ export default {
     overflow: auto;
     --va-card-display: flex;
 }
+
+.detail-table {
+    width: 100%;
+}
 </style>

frontend/src/components/OverviewScreen.vue

@@ -65,7 +65,7 @@ export default {
 <style lang="css" scoped>
 .overview {
     display: flex;
-    flex-direction: row;
+    flex-direction: column;
     flex-wrap: wrap;
 }
 

frontend/src/views/AdminView.vue

@@ -71,9 +71,9 @@ export default {
 }
 
 .main-view {
-    width: 100%;
+    width: 70%;
     display: flex;
     flex-direction: column;
-    flex: 1 0 100vh;
+    flex: 1 0;
 }
 </style>