From 33800c5f27122d24127b7a4bc17a6ab05cde92dd Mon Sep 17 00:00:00 2001
From: Tom Byers <tombaromba@gmail.com>
Date: Fri, 4 Jan 2019 11:56:15 +0000
Subject: [PATCH] Add styles for nested lists of radios

Assumes lists that are descendants of a radio
control should be indented at the same amount as
their label text.
---
 app/assets/stylesheets/app.scss      | 5 +++++
 app/templates/components/radios.html | 7 ++++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/app.scss b/app/assets/stylesheets/app.scss
index e80f0ec18..b30cd8e80 100644
--- a/app/assets/stylesheets/app.scss
+++ b/app/assets/stylesheets/app.scss
@@ -251,6 +251,11 @@ details .arrow {
   cursor: default;
 }
 
+.multiple-choice > .panel {
+  border-left: none;
+  padding: 0 0 0 12px;
+}
+
 .heading-inline {
   display: inline-block;
 }
diff --git a/app/templates/components/radios.html b/app/templates/components/radios.html
index c2b8bde5c..a35f2c0fa 100644
--- a/app/templates/components/radios.html
+++ b/app/templates/components/radios.html
@@ -19,9 +19,10 @@
     options,
     child_map,
     disable=[],
-    option_hints={}
+    option_hints={},
+    top_level=False
 ) %}
-    <ul>
+    <ul{% if not top_level %} class="panel panel-border-narrow"{% endif %}>
     {% for option in options %}
       {% if child_map[option.data] %}
         {% call radio(option, disable, option_hints, as_list_item=True) %}
@@ -46,7 +47,7 @@
   {% call radios_wrapper(
     field, hint, disable, option_hints, hide_legend
   ) %}
-    {{ radio_list(child_map[None], child_map, disable, option_hints) }}
+    {{ radio_list(child_map[None], child_map, disable, option_hints, top_level=True) }}
   {% endcall %}
 {% endmacro %}