Merge pull request #229 from lucaboesch/fieldscolorborder

Adopting to other question's UI, resolves #228.

styles.css

@@ -379,8 +379,16 @@ body#page-question-type-coderunner .ace_wrapper {
     border: 1px solid #bbb;
 }
 
-body#page-question-type-coderunner div[id^=fitem_id_],
-body#page-question-type-coderunner div[id^=fgroup_id_] {
+body#page-question-type-coderunner div[id^=fitem_id_]:not([id=fitem_id_templateparams], [id=fitem_id_templateparams],
+[id=fitem_id_templateparams], [id=fitem_id_category], [id=fitem_id_name], [id=fitem_id_questiontext], [id=fitem_id_status],
+[id=fitem_id_defaultmark], [id=fitem_id_generalfeedback], [id=fitem_id_idnumber], [id=fitem_id_answer],
+[id=fitem_id_answerpreload], [id=fitem_id_globalextra], [id=fitem_id_datafiles], [id=fitem_id_addanswers],
+[id=fitem_id_attachments], [id=fitem_id_attachmentsrequired], [id=fitem_id_maxfilesize], [id=fitem_id_tags]),
+body#page-question-type-coderunner div[id^=fgroup_id_]:not([id=fgroup_id_coderunner_type_group],
+[id=fgroup_id_coderunner_type_checkboxes], [id=fgroup_id_answerbox_group], [id=fgroup_id_coderunner_precheck_group],
+[id=fgroup_id_coderunner_giveup_group], [id=fgroup_id_coderunner_feedback_group], [id=fgroup_id_markinggroup],
+[id=fgroup_id_twigcontrols], [id=fgroup_id_uiparametergroup], [id=fgroup_id_filenamesgroup], [id=fgroup_id_updatebuttonar],
+[id=fgroup_id_buttonar]) {
     background: #eee;
     margin-bottom: 0;
     margin-top: 0;
@@ -426,7 +434,6 @@ body#page-question-type-coderunner div[id^=fitem_id_testcode]:not(:first-of-type
 
 body#page-question-type-coderunner div[id=fitem_id_addanswers] {
     margin-top: 14px;
-    border: 1px solid #bbb;
     padding-top: 8px;
 }
 
@@ -489,3 +496,22 @@ li.bulktest.coderunner.context.quiz {
     outline: 1px solid;
     outline-color: rgba(0, 0, 0, 0.5);
 }
+
+/* stylelint-disable declaration-no-important  */
+
+body#page-question-type-coderunner div[id^=fitem_id_testcode]:first-of-type {
+    border-top: 1px solid #ccc !important;
+}
+
+body#page-question-type-coderunner div[id^=fgroup_id_testcasecontrols_] {
+    border-bottom: 1px solid #ccc !important;
+}
+
+body#page-question-type-coderunner div[id^=fitem_id_testcode],
+body#page-question-type-coderunner div[id^=fitem_id_stdin_],
+body#page-question-type-coderunner div[id^=fitem_id_expected_],
+body#page-question-type-coderunner div[id^=fitem_id_extra_] {
+    margin-bottom: 0 !important;
+}
+
+/* stylelint-enable declaration-no-important  */