updates to card style

addons/rose/addon/components/rose/form/radio/radio-card/index.js

@@ -0,0 +1,7 @@
+import RoseFormRadioRadioComponent from '../radio';
+
+export default class RoseFormRadioRadioCardComponent extends RoseFormRadioRadioComponent {
+  // =attributes
+
+  className = 'rose-form-radio-card';
+}

addons/rose/addon/styles/rose/components/form/_index.scss

@@ -6,3 +6,4 @@
 @import 'select';
 @import 'radio';
 @import 'fieldset';
+@import 'radioCard';

addons/rose/addon/styles/rose/components/form/_radioCard.scss

@@ -0,0 +1,17 @@
+.rose-form-radio-card {
+     position: relative;
+    width: 370px;
+    height: 115px;    
+    background: #FFFFFF;
+    border: 1px solid #BAC1CC;    
+    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+    border-radius: 2px;
+  .rose-form-radio-field {
+    top: 89px;
+    right: 176px;
+    position: absolute;
+  }
+  .rose-form-radio-label {
+      color: #000;
+  }
+}

addons/rose/app/components/rose/form/radio/radio-card.js

@@ -0,0 +1 @@
+export { default } from 'rose/components/rose/form/radio/radio-card';

ui/admin/app/templates/scopes/scope/auth-methods/index.hbs

@@ -35,6 +35,12 @@
   </page.actions>
 
   <page.body>
+    <Rose::Form::Radio::RadioCard 
+      @name='Amazon Quipu' 
+      @label='Amazon Quipu'
+      @value='Amazon Quipu'
+    >
+    </Rose::Form::Radio::RadioCard>
     {{#if
       (or
         @model