Render 'applies_to' only if present, instead of rendering an empty 'applies_to'.

Author: siamakp-elastic

src/Elastic.Markdown/Myst/Directives/Admonition/AdmonitionView.cshtml

@@ -3,7 +3,6 @@
 @inherits RazorSlice<Elastic.Markdown.Myst.Directives.Admonition.AdmonitionViewModel>
 <div class="admonition @Model.Directive @Model.Classes" id="@Model.CrossReferenceName" open="@Model.Open">
 	<div class="admonition-title">
-
 		@{
 			switch (Model.Directive)
 			{
@@ -35,9 +34,12 @@
 			}
 		}
 		<span>@Model.Title</span>
-		<span class="blah applies applies-inline" style="margin-left: auto;">
-			@RenderPartialAsync(ApplicableToComponent.Create(Model.ApplicableToViewModel))
-		</span>
+		@if (Model.ApplicableToViewModel != null)
+		{
+			<span class="blah applies applies-inline" style="margin-left: auto;">
+				@RenderPartialAsync(ApplicableToComponent.Create(Model.ApplicableToViewModel))
+			</span>
+		}
 	</div>
 	<div class="admonition-content">@Model.RenderBlock()</div>
 </div>

src/Elastic.Markdown/Myst/Directives/Tabs/TabItemView.cshtml

@@ -11,13 +11,17 @@
 {
 	<label class="tabs-label" data-sync-id="@Model.SyncKey" data-sync-group="@Model.TabSetGroupKey" for="@id">@Model.Title</label>
 }
+else @if (Model.ApplicableToViewModel != null)
+{
+		<label class="tabs-label" data-sync-id="@Model.SyncKey" data-sync-group="@Model.TabSetGroupKey" for="@id">
+			<span class="applies applies-inline">
+				@RenderPartialAsync(ApplicableToComponent.Create(Model.ApplicableToViewModel))
+			</span>
+		</label>
+}
 else
 {
-	<label class="tabs-label" data-sync-id="@Model.SyncKey" data-sync-group="@Model.TabSetGroupKey" for="@id">
-	<span class="applies applies-inline">
-		@RenderPartialAsync(ApplicableToComponent.Create(Model.ApplicableToViewModel))
-	</span>
-	</label>
+	<label class="tabs-label" data-sync-id="@Model.SyncKey" data-sync-group="@Model.TabSetGroupKey" for="@id">Tab @(Model.Index + 1)</label>
 }
 <div class="tabs-content" tabindex="0">
 	@Model.RenderBlock()