Styles

assets/styles/01-base/typography.css

@@ -100,11 +100,19 @@ p {
     margin: 0 0 15px;
 }
 
+a.btn, button {
+    font-family: var(--font-family), sans-serif;
+    font-size: 1rem;
+    line-height: 1.1;
+    text-transform: uppercase;
+}
+
 .lede {
     font-family: var(--main-body-font), serif;
     font-size: 1.6rem;
     word-wrap: break-word;
     font-weight: 300;
+    margin-bottom: var(--spacing-3);
 }
 
 strong:not(>h2), .strong {

assets/styles/02-layout/layout.css

@@ -84,11 +84,11 @@ main {
 main.static {
     margin-left: auto;
     margin-right: auto;
-    max-width: 1000px;
+    max-width: 960px;
 }
 
 .w-container {
-    max-width: 1000px;
+    max-width: 960px;
     margin-left: auto;
     margin-right: auto;
     width: 100%;

assets/styles/03-components/article.css

@@ -3,6 +3,10 @@
  * Article-specific styling (content, actions, metadata)
  */
 
+article {
+    margin-bottom: var(--spacing-5);
+}
+
 .article-main {
     margin-top: var(--spacing-5);
 }
@@ -153,3 +157,7 @@ blockquote p {
     color: var(--color-primary);
     text-decoration: underline;
 }
+
+article .card {
+    margin: 0;
+}

assets/styles/03-components/dropdown.css

@@ -41,7 +41,6 @@
     background-color: var(--color-bg-light);
     background-clip: padding-box;
     border: 1px solid var(--color-border);
-    border-radius: 0.375rem;
     box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
 }
 

assets/styles/03-components/picture-event.css

@@ -0,0 +1,32 @@
+figure.media {
+    margin: 0;
+    padding: var(--spacing-3) var(--spacing-3) 0 var(--spacing-3);
+    border: none;
+    box-shadow: none;
+    background-color: var(--color-bg-light);
+}
+
+.picture-description {
+    display: flex;
+    flex-direction: row;
+    padding: var(--spacing-3)  var(--spacing-3)  var(--spacing-1)  var(--spacing-3) ;
+}
+
+@media screen and (max-width: 768px) {
+    .picture-description {
+        flex-direction: column;
+        gap: var(--spacing-2);
+        padding-bottom: var(--spacing-2);
+    }
+}
+
+
+figcaption.picture-description div {
+    flex-grow: 1;
+}
+
+figcaption.picture-description p,
+figcaption.picture-description .credits {
+    font-size: 1rem;
+    line-height: 1.2;
+}

assets/styles/04-pages/admin.css

@@ -166,6 +166,8 @@
     max-width: 100%;
     height: auto;
     display: block;
+    margin: 0 auto;
+    max-height: calc(100vh - 100px);
 }
 
 .annotated-users {
@@ -181,9 +183,3 @@
     font-size: 0.875rem;
     white-space: nowrap;
 }
-
-.picture-alt {
-    margin-top: 0.5rem;
-    font-style: italic;
-    color: var(--color-text-mid);
-}