themes/default/layouts/_default/summary: Avoid duplicate profile picture

By using a better hierarchy

1 files changed, 27 insertions, 7 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index d2b73e3..f00a2d4 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -904,10 +904,15 @@ micro-summary {
   border-color: #eee;
   border-color: var(--border-lighter);
   display: flex;
+  flex-direction: column;
   padding: 1rem;
   position: relative;
 }
 
+micro-author micro-summary {
+  flex-direction: row;
+}
+
 micro-summary:hover {
   background-color: #f5f9ff;
   background-color: var(--hover-background-alternate);
@@ -964,7 +969,7 @@ micro-thumbnail figure img {
 }
 
 micro-content {
-  min-width: 0;
+  margin-left: 4.25rem;
 }
 
 micro-content ul {
@@ -1025,7 +1030,7 @@ micro-metadata {
   color: var(--fade);
   display: flex;
   line-height: 1.4;
-  margin-bottom: 0.5rem;
+  align-items: flex-start;
 }
 
 micro-metadata h2 {
@@ -1035,12 +1040,17 @@ micro-metadata h2 {
 micro-metadata header {
   word-break: break-all;
   word-break: break-word;
+  margin-bottom: 0.5rem;
 }
 
 micro-metadata header a {
   color: inherit;
 }
 
+micro-metadata micro-thumbnail > figure {
+  height: 0;
+}
+
 micro-metadata header > *:not(:last-child) {
   margin-right: 0.5rem;
 }
@@ -1986,6 +1996,14 @@ link-card article a {
   padding-left: 2rem;
 }
 
+[xml-data] micro-summary {
+  flex-direction: row;
+}
+
+[xml-data] micro-content {
+  margin-left: 0;
+}
+
 [xml-data] micro-thumbnail {
   display: block;
 }
@@ -2108,12 +2126,14 @@ link-card article a {
 }
 
 @media screen and (max-width: 460px) {
-  micro-card micro-summary > micro-thumbnail {
-    display: none;
+  micro-content {
+    margin-left: 0;
   }
-  micro-metadata micro-thumbnail[hidden],
-  micro-author micro-card micro-summary > micro-thumbnail {
-    display: block;
+  micro-metadata {
+    align-items: center;
+  }
+  micro-metadata micro-thumbnail > figure {
+    height: inherit;
   }
 }