Merge pull request #38 from mnyrop/ed-design

Layout fixes

site/_includes/components/viewers/osd-iiif.html

@@ -1,5 +1,5 @@
 {% capture manifest_url %}https://aperitiiif-presentation-api-store.s3.us-east-1.amazonaws.com/bibliopolitica/{{ item.id }}/manifest.json{% endcapture %}
-<div id="map" class="w-100 p-3 z-0 h-96 md:h-[36rem] max-h-[70vh] bg-neutral"></div>
+<div id="map" class="w-100 z-0 h-96 md:h-full bg-neutral"></div>
 <script src="https://cdn.jsdelivr.net/npm/[email protected]/build/openseadragon/openseadragon.min.js"></script>
 <script type="text/javascript">
   function fullscreenchanged(event) {

site/_includes/layouts/item.html

@@ -12,11 +12,11 @@ <h1 class="text-2xl md:text-4xl font-bold">{{ item.label }}</h1>
   </div>
 </div>
 
-<article id="item-content-area" class="mx-5 mb-5 md:flex border">
-  <div class="md:basis-3/5 bg-neutral">
+<article id="item-content-area" class="mx-5 mb-5 md:flex border bg-neutral">
+  <div class="md:basis-1/2 md:shrink-0 md:h-[70vh] my-3">
   {% include "components/viewers/osd-iiif.html" %}
   </div>
-  <ul class="p-6 space-y-2 md:border-l md:basis-2/5 md:flex md:flex-col">
+  <ul class="p-6 space-y-2 md:border-l md:basis-1/2 md:flex md:flex-col shrink min-w-80 bg-base-100 break-words">
     <li><b>Alternate Title(s):</b> {{ item["Alternate title"] | join: '; ' | default: 'N/A' }}</li>
     <li><b>Corporate Creator(s):</b> {{ item["Corporate Creator"] | join: '; ' | default: 'N/A' }}</li>
     <li><b>Person Creator(s):</b> {{ item["Person Creator"] | join: '; ' | default: 'N/A' }}</li>

site/_includes/partials/header.html

@@ -1,4 +1,4 @@
-<div class="sticky top-0 z-50 navbar bg-base-100">
+<div class="sticky top-0 z-50 navbar bg-base-100 drop-shadow-sm">
   <div class="navbar-start w-2/5">
     <a class="btn btn-ghost text-2xl font-serif" href="{{ '/' | url }}"><h1>{{ site.title }}</h1></a>
   </div>