tabs: Add slight border (#573)

Author: reakaleek

docs/syntax/tabs.md

@@ -36,7 +36,6 @@ This is where the content for tab #2 goes.
 
 ::::
 
----
 
 ## Tab Groups
 

src/Elastic.Markdown/Assets/markdown/tabs.css

@@ -3,7 +3,10 @@
 		@apply flex flex-wrap relative overflow-hidden mt-4;
 
 		.tabs-label {
-			@apply cursor-pointer px-6 py-2 z-20 text-ink-light flex items-center;
+			@apply cursor-pointer px-6 py-2 z-20 text-ink-light flex items-center border-1 border-gray-200 -mb-[1px];
+			&:not(:nth-of-type(1)) {
+				margin-left: -1px;
+			}
 
 			&:hover {
 				@apply border-b-1 border-b-black text-black bg-gray-100;
@@ -15,8 +18,7 @@
 		}
 
 		.tabs-content {
-			@apply w-full order-99 border-t-1 border-gray-300 px-6 z-0 hidden;
-			transform: translateY(-1px);
+			@apply w-full order-99 border-1 border-gray-200 px-6 z-0 hidden pb-6 pt-2;
 		}
 
 		.tabs-input:checked+.tabs-label+.tabs-content {