Card section button fix

dist/mini-default.css

@@ -1238,7 +1238,7 @@ table.striped tr:nth-of-type(2n) > td {
       padding: 0;
       -o-object-fit: cover;
       object-fit: cover; }
-  .card > button.section, .card .button.section, .card input.section {
+  .card > button.section, .card .button.section, .card [role="button"].section, .card input.section {
     border-radius: 0; }
   .card > .section:last-child {
     border-bottom: 0; }

docs/v2/DEVLOG.md

@@ -813,3 +813,4 @@
 ## 20170202
 
 - Added `[role="button"]` selector for elements inside `header`, did not remove any other selectors from component as specifity would be too low if changed.
+- Updated `.card.section` to work properly with `[role="button"]` elements.

src/mini/_card.scss

@@ -60,7 +60,7 @@ $card-normal-width:				320px !default;									// Width for normal cards
 		}
 	}
 	// Card input and button sections
-	& > button, .#{$button-class-name}, input {
+	& > button, .#{$button-class-name}, [role="button"], input {
 		&.#{$card-section-name} {
 			border-radius: 0;	// Clean button and input gaps from border-radius
 		}