Fix styling

Author: reakaleek

src/Elastic.Documentation.Site/Assets/markdown/applies-switch.css

@@ -2,17 +2,8 @@
 	.applies-switch {
 		@apply relative mt-4 flex flex-wrap overflow-hidden;
 
-		.applicable-info {
-			@apply border-none bg-transparent;
-		}
-
-		.applicable-name,
-		.applicable-meta {
-			@apply text-sm!
-		}
-
 		.applies-switch-label {
-			@apply text-ink-light border-grey-20 z-20 -mb-[1px] flex cursor-pointer items-center border-1 px-6 py-2;
+			@apply text-ink-light border-grey-20 z-20 -mb-[1px] flex cursor-pointer items-center border-1 px-3 py-2;
 			&:not(:nth-of-type(1)) {
 				margin-left: -1px;
 			}

src/Elastic.Markdown/Myst/Directives/AppliesSwitch/AppliesItemView.cshtml

@@ -11,7 +11,7 @@
 	{
 		@if (Model.AppliesTo is not null)
 		{
-			<span class="applies applies-inline">
+			<span class="applies applies-item">
 				@await RenderPartialAsync(ApplicableToComponent.Create(new ApplicableToViewModel
 				{
 					AppliesTo = Model.AppliesTo,