better styling for in-reply-to and coversation badge

internal/theme/static/css/99-yarn.css

@@ -1,3 +1,7 @@
+* {
+  /*border: thin solid pink;*/
+}
+
 body, html {
     overflow-x: hidden;
 }
@@ -62,13 +66,16 @@ article:target {
 }
 
 .badge {
-  background-color: var(--primary);
-  color: white;
-  border-radius: 100px;
-  padding: 0px 4px;
-  font-size: 9px;
-  margin-left: -3px;
-  position: absolute;
+  /*font-size: small;*/
+  color: var(--muted-text);
+  padding-left: 0.25rem;
+  /*background-color: var(--primary);*/
+  /*color: white;*/
+  /*border-radius: 100px;*/
+  /*padding: 0px 4px;*/
+  /*font-size: 9px;*/
+  /*margin-left: -3px;*/
+  /*position: absolute;*/
 }
 
 .nav {
@@ -312,6 +319,10 @@ video {
   border-radius: 0.25rem !important;
 }
 
+article .p-summary p {
+  margin: 0.75rem 0;
+}
+
 /* Video Summary Content Styling */
 article .p-summary p video,
 article .p-summary p img{
@@ -341,7 +352,8 @@ em.twt-hash {
 }
 
 /* Twt Context */
-article .p-summary a small, small.twt-context {
+article .p-summary a small,
+small.twt-context {
   color: darkgray;
   font-style: normal;
   font-weight: 100;
@@ -350,10 +362,11 @@ article .p-summary a small, small.twt-context {
 small.twt-context {
   display: block;
   font-size: small;
-  padding-top: 0.25rem;
+  padding: 0.25rem 0;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
+  border-bottom: 1px dashed var(--muted-border);
 }
 
 /* Footer Style */
@@ -467,7 +480,7 @@ footer .footer-menu a:last-child::after{
     display: inline;
   }
   .u-author.h-card{
-    margin-bottom: 10px;
+    margin-bottom: 20px;
   }
   .u-author.h-card>div{
     flex: 20%;

internal/theme/templates/partials.html

@@ -132,7 +132,7 @@
   <div class="p-summary">
     {{ if and (not (eq $.view "conv")) (isFeatureEnabled "show_twt_context") }}
       {{ with urlForRootConv $.Twt }}
-        <a href="{{ urlForRootConv $.Twt }}"><small class="twt-context">{{ formatTwtContext $.Twt $.User }}</small></a>
+        <a href="{{ urlForRootConv $.Twt }}"><small class="twt-context">In reply to:&nbsp;{{ formatTwtContext $.Twt $.User }}</small></a>
       {{ end }}
     {{ end }}
     {{ formatTwt $.Twt $.User }}
@@ -157,7 +157,7 @@
         {{ end }}
       {{ else if not (eq $.view "conv") }}
         {{ with urlForConv $.Twt }}
-        <li><a class="convBtn" href="{{ urlForConv $.Twt }}"><i class="icss-comment"></i> {{tr $.Ctx "TwtConversationLinkTitle"}}{{ if gt (getConvLength $.Twt $.User) 1 }}<span class="badge">{{ getConvLength $.Twt $.User }}</span>{{ end }}</a></li>
+        <li><a class="convBtn" href="{{ urlForConv $.Twt }}"><i class="icss-comment"></i> {{tr $.Ctx "TwtConversationLinkTitle"}}{{ if gt (getConvLength $.Twt $.User) 1 }}<small class="badge">({{ getConvLength $.Twt $.User }})</small>{{ end }}</a></li>
         {{ end }}
       {{ end }}
     </ul>

run.sh

@@ -0,0 +1 @@
+./yarnd -D -R -A sp -t ../yarn-themes/copenhagen