From 2855cf45c73038dc3ea52315cd619de8142bf93c Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Wed, 27 Jun 2018 13:01:05 +0100
Subject: [PATCH] Style of conditional radios to match design system

Updated thickness of border and spacing to match
https://design-system.service.gov.uk/components/radios/#conditionally-revealing-content
---
 app/assets/stylesheets/components/conditional-radios.scss | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/components/conditional-radios.scss b/app/assets/stylesheets/components/conditional-radios.scss
index 60cec6f32..6a85cbb06 100644
--- a/app/assets/stylesheets/components/conditional-radios.scss
+++ b/app/assets/stylesheets/components/conditional-radios.scss
@@ -1,5 +1,5 @@
-$border-thickness: 9px;
-$top-spacing: $gutter + 5px;
+$border-thickness: 4px;
+$top-spacing: $gutter - 5px;
 
 .multiple-choice {
 
@@ -17,8 +17,8 @@ $top-spacing: $gutter + 5px;
 
   &-panel {
     border-left: $border-thickness solid $border-colour;
-    margin: 0 0 (-$top-spacing - $gutter) $gutter-half;
-    padding: $top-spacing 0 0 ($gutter - 3px);
+    margin: 0 0 (-$top-spacing - $gutter) ($gutter-half + ($border-thickness / 2));
+    padding: $top-spacing 0 0 ($gutter - ($border-thickness / 2));
     position: relative;
     top: -$top-spacing;
     z-index: 1;