Improve ImageDetailsModal display #53

src/assets/css/src/0.2.variables.css

@@ -83,6 +83,7 @@
   --auto-grid-placement: auto-fill;
   --gap: var(--space-16);
   --wrapper-max-width: 52.875rem; /* 846px */
+  --p-scrollbar-width: var(--gutter);
 
   /* Borders */
   --rounded-xs: 1px;

src/assets/css/src/2.blocks.project.css

@@ -181,11 +181,12 @@
   flex-wrap: wrap !important;
 }
 .project-details > * {
-  min-width: 20rem;
+  min-width: 17rem;
 }
 .project-details textarea {
   resize: none;
   max-height: 5rem;
+  max-width: calc(100vw - var(--gutter) * 2 - var(--space-32));
 }
 .project-details__filters button:first-of-type {
   margin-right: calc(var(--space-12) + 1px);