[SRM-324] Fix content rating radio spacing (#1170)

* [SRM-324] Fix content rating radio spacing * Fix specificity in prod build
dpc-sdp · Mar 9, 2022 · 6d3b7ef · 6d3b7ef
1 parent 229c55d
commit 6d3b7ef
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/packages/ripple-nuxt-tide/modules/webform/components/TideContentRating.vue b/packages/ripple-nuxt-tide/modules/webform/components/TideContentRating.vue
@@ -211,17 +211,17 @@ $app-content-text-color: rpl-color('dark_neutral') !default;
     }
   }
   .field-radios {
+
+    .radio-list label {
+      @include rpl_typography_ruleset($app-content-rating-radio-label-ruleset);
+      display: inline-flex;
+      margin-right: $rpl-space-4;
+    }
+
     @include rpl-breakpoint(s) {
       &.form-group {
         flex-direction: row;
       }
-      label,
-      .field-wrap,
-      .radio-list {
-         @include rpl_typography_ruleset($app-content-rating-radio-label-ruleset);
-        display: inline-flex;
-      }
-
       .field-wrap {
         padding-left: $rpl-space * 5;
       }