fix(radio): example and box-sizing

positive-js · Nov 21, 2018 · 97e3a31 · 97e3a31
1 parent 5d82306
commit 97e3a31
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/src/lib-dev/radio/styles.scss b/src/lib-dev/radio/styles.scss
@@ -1,6 +1,10 @@
 //@import '../../lib/core/theming/prebuilt/default-theme';
 @import '../../lib/core/theming/prebuilt/dark-theme';
+@import '../../lib/core/visual/prebuilt/default-visual';
 
+body {
+    margin: 18px;
+}
 
 .example-radio-group {
     display: inline-flex;

diff --git a/src/lib-dev/radio/template.html b/src/lib-dev/radio/template.html
@@ -1,19 +1,16 @@
 
 <!--<theme-picker></theme-picker>-->
-<br/><br/>
 
 <mc-radio-group class="example-radio-group" [(ngModel)]="favoriteFruit">
     <mc-radio-button class="example-radio-button" *ngFor="let season of fruits" [value]="season">
         {{season}}
     </mc-radio-button>
 </mc-radio-group>
 
-<br/>
 <div class="example-selected-value">Your favorite fruit is: {{favoriteFruit}}</div>
 
-<br/>
-<b>Disabled buttons:</b>
-<br/><br/>
+<p class="mc-headline">Disabled buttons</p>
+
 <mc-radio-group
     class="example-radio-group"
     name="my_options"
@@ -23,9 +20,7 @@
     <mc-radio-button class="example-radio-button" value="option_3">Option 3</mc-radio-button>
 </mc-radio-group>
 
-<br/><br/>
-<b>Disabled selected buttons:</b>
-<br/><br/>
+<p class="mc-headline">Disabled selected buttons</p>
 <mc-radio-group class="example-radio-group">
     <mc-radio-button
         class="example-radio-button"

diff --git a/src/lib/radio/radio.scss b/src/lib/radio/radio.scss
@@ -31,6 +31,7 @@ $mc-toggle-padding: 26px !default;
 
     .mc-radio-button__outer-circle,
     .mc-radio-button__inner-circle {
+        box-sizing: content-box;
         position: absolute;
 
         content: '';