fix(RadioGroup): small layout no longer using grid

Grid wasn't playing well with our fixed sizes
GetTerminus · Aug 6, 2019 · 5193792 · 5193792
1 parent fd6ec43
commit 5193792
Showing 1 changed file with 14 additions and 5 deletions.
diff --git a/terminus-ui/radio-group/src/radio-group.component.scss b/terminus-ui/radio-group/src/radio-group.component.scss
@@ -68,10 +68,17 @@
 
 .c-radio--visual {
   $radius: 3px;
+
   &.c-radio--small {
     .c-radio__control {
+      float: left;
       height: 7rem;
+      margin-bottom: spacing(small);
       width: 13.75rem;
+
+      &:not(:last-child) {
+        margin-right: spacing(small);
+      }
     }
   }
 
@@ -80,11 +87,13 @@
     all: unset;
   }
 
-  // <div> wrapper for all options
-  .c-radio__options {
-    display: grid;
-    grid-gap: spacing(small);
-    grid-template-columns: repeat(auto-fill, minmax(12em, 1fr));
+  &:not(.c-radio--small) {
+    // <div> wrapper for all options
+    .c-radio__options {
+      display: grid;
+      grid-gap: spacing(small);
+      grid-template-columns: repeat(auto-fill, minmax(12em, 1fr));
+    }
   }
 
   // <label> container for a single option