wrapped embedded tweet in div and changed css

also bumped css version

src/sass/tweet/_base.scss

@@ -98,6 +98,8 @@
 }
 
 .avatar {
+    position: absolute;
+
     &.round {
         border-radius: 50%;
     }
@@ -110,6 +112,19 @@
     }
 }
 
+.tweet-embed {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    height: 100%;
+    
+    .tweet-body { 
+        display: flex;
+        flex-direction: column;
+        max-height: calc(100vh - 0.75em * 2);
+    }
+}
+
 .attribution {
     display: flex;
     pointer-events: all;

src/views/general.nim

@@ -52,7 +52,7 @@ proc renderHead*(prefs: Prefs; cfg: Config; req: Request; titleText=""; desc="";
   let opensearchUrl = getUrlPrefix(cfg) & "/opensearch"
 
   buildHtml(head):
-    link(rel="stylesheet", type="text/css", href="/css/style.css?v=10")
+    link(rel="stylesheet", type="text/css", href="/css/style.css?v=11")
     link(rel="stylesheet", type="text/css", href="/css/fontello.css?v=2")
 
     if theme.len > 0:

src/views/tweet.nim

@@ -298,7 +298,7 @@ proc renderEmbeddedTweet*(tweet: Tweet; cfg: Config; req: Request; prefs: Prefs;
       if tweet.quote.isSome:
         renderQuote(tweet.quote.get(), prefs, path)
 
-  buildHtml(tdiv(class="timeline-item")):
+  let body = buildHtml(tdiv(class="timeline-item")):
     renderHead(prefs, cfg, req)
     tdiv(class="tweet-body"):
       var views = ""
@@ -340,6 +340,9 @@ proc renderEmbeddedTweet*(tweet: Tweet; cfg: Config; req: Request; prefs: Prefs;
       if not prefs.hideTweetStats:
         renderStats(tweet.stats, views)
 
+  return buildHtml(tdiv(class="tweet-embed")):
+    body
+  
 
 proc renderTweet*(tweet: Tweet; prefs: Prefs; path: string; class=""; index=0;
                   last=false; showThread=false; mainTweet=false; afterTweet=false): VNode =