assets/css/default: Sketch rough responsivity on right

2 files changed, 24 insertions, 19 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index 33e01af..7d17f62 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -993,15 +993,13 @@ micro-author micro-summary {
   border: none;
 }
 
-micro-author micro-thumbnail {
-  flex: none;
-  margin-right: 0.5rem;
+micro-author micro-summary > * {
+  margin: 0 0.5rem;
 }
 
 micro-author micro-header {
   flex: 1;
   min-width: 3rem;
-  margin-right: 0.75rem;
 }
 
 micro-author micro-header h2 {
@@ -1010,13 +1008,12 @@ micro-author micro-header h2 {
 
 micro-author micro-summary p:not(:last-child) {
   flex: 1.75;
-  margin: 0 0.75rem 0 0;
   color: #444;
   color: var(--fade);
   max-width: 20rem;
 }
 
-micro-thumbnail figure {
+main micro-thumbnail figure {
   margin: 0 0.75rem 0 0;
 }
 
@@ -1034,6 +1031,7 @@ micro-thumbnail figure img {
 }
 
 micro-summary > article {
+  min-height: 100%;
   margin-left: 4.25rem;
 }
 
@@ -1417,9 +1415,7 @@ column-base[position="middle"] main > nav section small {
   margin: 0;
 }
 
-micro-author micro-header h2,
-micro-author micro-header h3,
-micro-author micro-header time,
+micro-author micro-header > *,
 column-base[position="middle"] main > nav section h2,
 column-base[position="middle"] main > nav section small {
   white-space: nowrap;
@@ -2154,9 +2150,25 @@ li:target [role="doc-backlink"][href^="#fnref\:"] {
   column-base[position="left"] nav a span {
     padding-top: 0.5rem;
   }
+  column-base[position="right"] {
+    width: 38%;
+  }
+  micro-author micro-summary {
+    flex-direction: column;
+    text-align: center;
+  }
+  micro-author micro-summary > :not(:last-child) {
+    margin-bottom: 0.5rem;
+  }
+  micro-author micro-header > * {
+    white-space: normal;
+  }
+  main micro-author micro-thumbnail figure {
+    margin: 0;
+  }
 }
 
-@media screen and (max-width: 1055px) {
+@media screen and (max-width: 1080px) {
   column-base[position="left"],
   search-entry,
   column-base[position="middle"] main > nav section {
@@ -2175,7 +2187,7 @@ li:target [role="doc-backlink"][href^="#fnref\:"] {
   }
 }
 
-@media screen and (max-width: 925px) {
+@media screen and (max-width: 920px) {
   column-base[position="right"] {
     display: none;
   }
@@ -2197,13 +2209,6 @@ li:target [role="doc-backlink"][href^="#fnref\:"] {
   micro-header section {
     display: block;
   }
-  micro-author micro-thumbnail figure {
-    margin: 0;
-  }
-  micro-author micro-header h2,
-  micro-author micro-header h3 {
-    white-space: initial;
-  }
   micro-author micro-summary {
     flex-direction: column;
     text-align: center;
diff --git a/themes/default/layouts/partials/author-card.html b/themes/default/layouts/partials/author-card.html
index 0f7945e..fab591e 100644
--- a/themes/default/layouts/partials/author-card.html
+++ b/themes/default/layouts/partials/author-card.html
@@ -61,7 +61,7 @@
           <b>{{ .Data.name }}</b>
         </h2>
         <h3>
-          <a data-hover title="{{ .Data.name }}" href="{{ "" | absURL }}/{{ .Data.user }}/#">
+          <a data-hover="" title="{{ .Data.name }}" href="{{ "" | absURL }}/{{ .Data.user }}/#">
             {{ .Data.user }}@{{ $host }}
           </a>
         </h3>