ItemView: Small style adjustments

gbv · Jun 25, 2024 · 44e6d61 · 44e6d61
1 parent 2bbd6f5
commit 44e6d61
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/client/views/ItemView.vue b/src/client/views/ItemView.vue
@@ -171,6 +171,8 @@ const topConcepts = computed(() => {
 @media only screen and (min-width: 800px) {
   #schemeHeader {
     width: calc(100% - 4vw);
+    /* Add margins of conceptHierarchy and conceptDetails to max-width */
+    max-width: calc(1200px + 4vw);
   }
   #searchInScheme {
     grid-area: 3 / 1 / 4 / 2;
@@ -189,11 +191,13 @@ const topConcepts = computed(() => {
   #conceptHierarchy, #conceptDetails {
     margin-bottom: 20px;
   }
-  #searchInScheme, #conceptHierarchy {
+  #searchInScheme, #conceptHierarchy, #conceptDetails {
     max-width: 600px;
-    justify-self: end;
     width: calc(100% - 4vw);
   }
+  #searchInScheme, #conceptHierarchy {
+    justify-self: end;
+  }
   #conceptTree {
     position: absolute;
     top: 0;