Better margin and style handling for youtube macro

core/wiki/macros/youtube.tid

@@ -16,3 +16,9 @@ $caption$
 </div>
 </$link>
 \end
+
+\define youtube-right-thumbnail(link,width:"280",height:"157",image,caption)
+<div class="tc-youtube-right-wrapper">
+<<youtube-thumbnail """$link$""" """$width$""" """$height$""" """$image$""" """$caption$""">>
+</div>
+\end

editions/tw5.com/tiddlers/hellothere/HelloThere.tid

@@ -7,9 +7,7 @@ type: text/vnd.tiddlywiki
 
 Welcome to ~TiddlyWiki, a versatile note-taking web application you can download for free, store wherever you like and customise however you wish. Use it to capture, organise and share your notes in ways that word processors and other note-taking tools cannot.
 
-<div style="float:right;">
-<<youtube-thumbnail link:"Introduction Video" image:"Introduction Video Thumbnail.jpg" caption:"Introduction to ~TiddlyWiki">>
-</div>
+<<youtube-right-thumbnail link:"Introduction Video" image:"Introduction Video Thumbnail.jpg" caption:"Introduction to ~TiddlyWiki">>
 
 ~TiddlyWiki is designed to be non-linear, structuring content with stories, tags, hyperlinks, and other features. You can organise and retrieve your notes in ways that conform to your personal thought patterns, rather than feel chained to one preset organisational structure.
 

themes/tiddlywiki/vanilla/base.tid

@@ -1655,7 +1655,11 @@ body.tc-dirty span.tc-dirty-indicator, body.tc-dirty span.tc-dirty-indicator svg
 	position: relative;
 	display: inline-block;
 	border: 1px solid <<colour muted-foreground>>;
-	margin: 0.5em;
+}
+
+.tc-youtube-right-wrapper {
+	float:right;
+	margin: 0.5em 0 0.5em 0.5em;
 }
 
 .tc-youtube-thumbnail svg,