Minor bug fix in tabs module

docs/v2/DEVLOG.md

@@ -361,3 +361,5 @@
 - Tested on mobile, found some presentational problems.
 - Minor change to the way `transition`s work for `tabs`, they will now all utilize the `transform` implementation.
 - Deployed updated live demo page.
+- Tested on mobile, works better.
+- Minor `tabs` update for `:first-of-type` and `:last-of-type` selectors. This update should fix square top-right corners for single collapses.

flavors/v2/mini-default.css

@@ -908,12 +908,12 @@ progress {
   .tabs.stacked > label {
     -webkit-order: initial;
     order: initial; }
-    .tabs.stacked > label:first-of-type {
-      border-top-right-radius: 2px; }
     .tabs.stacked > label:last-of-type {
       border-top-right-radius: 0;
       border-bottom-left-radius: 2px;
       border-bottom-right-radius: 2px; }
+    .tabs.stacked > label:first-of-type {
+      border-top-right-radius: 2px; }
   .tabs.stacked > [type="radio"]:checked + label, .tabs.stacked > [type="checkbox"]:checked + label {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0; }

scss/v2/mini-shell/_tab.scss

@@ -153,13 +153,13 @@ $tab-stacked-name:				'stacked' !default;								// Class name for stacked tabs
 	-webkit-order: initial;		// Reset order to show stacked tabs properly
 			order: initial;		
 @if $tab-border-radius != 0 {	// Style first and last tabs' labels' corners as needed
-&:first-of-type {
-	border-top-right-radius: $tab-border-radius;
-}
 &:last-of-type {
 	border-top-right-radius: 0;
 	border-bottom-left-radius: $tab-border-radius;
 	border-bottom-right-radius: $tab-border-radius;
+}	// Keep :first-of-type below :last-of-type to make sure that single collapses get proper radiuses
+&:first-of-type {
+	border-top-right-radius: $tab-border-radius;
 }
 }
 }