modile tweaks

css/components/islandora_mods.css

@@ -52,7 +52,7 @@
       font-size: 0.9em;
       font-family: var(--font-serif);
       color: #574938;
-      display: block;
+      /* display: block; */
     }
     .field__item {
       font-size: 0.9em;
@@ -98,7 +98,8 @@ div#block-olivesbooks-solrsearchcontentsearchresultspagerforpage {
   display: flex;
 }
 .person--layout {
-  float: left;
+  /* float: left; */
+
   .field.field--name-field-dates {
     text-align: center;
   }
@@ -107,13 +108,22 @@ div#block-olivesbooks-solrsearchcontentsearchresultspagerforpage {
 .person--layout {
   border: 4px double #ccc;
   padding: 4px;
-  width: 200px;
-  margin-right: 0.5em;
 }
 
 .person--layout img {
   width: 100%;
 }
+@media (min-width: 600px) {
+  .person--layout {
+    float: left;
+    width: 300px;
+    margin-right: 1em;
+  }
+
+  .person--layout img {
+    width: 100%;
+  }
+}
 /* People grid */
 .collection-view .view-header {
   display: none;

css/components/text-content.css

@@ -72,8 +72,8 @@
 @media (min-width: 43.75rem) {
   .text-content p,
   .cke_editable p {
-    margin-block-start: var(--sp2);
-    margin-block-end: var(--sp2);
+    margin-block-start: var(--sp1-5);
+    margin-block-end: var(--sp1-5);
   }
 }