diff --git a/src/client/views/ItemView.vue b/src/client/views/ItemView.vue index 6f28af3..58b508d 100644 --- 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;