Seperate blocks in /admin/features. (#5345)

* Seperate blocks in /admin/features.

Its hard to distinguish between blocks of settings in the features page. Its
useful to clearly mark the blocks belonging together.

* Also try to separate items for other themes.

* Make sure separate settings boxes work in all themes.

view/templates/admin/settings_features.tpl

@@ -10,8 +10,10 @@
 
 	<div class="settings-content-block">
 		{{foreach $f.1 as $fcat}}
+			<div class="settings-block">
 			{{include file="field_yesno.tpl" field=$fcat.0}}
 			{{include file="field_yesno.tpl" field=$fcat.1}}
+			</div>
 		{{/foreach}}
 
 		<div class="settings-submit-wrapper" >

view/templates/settings/connectors.tpl

@@ -7,13 +7,9 @@
 <form action="settings/connectors" method="post" autocomplete="off">
 <input type='hidden' name='form_security_token' value='{{$form_security_token}}'>
 
-<span id="settings_general_inflated" class="settings-block fakelink" style="display: block;" onclick="openClose('settings_general_expanded'); openClose('settings_general_inflated');">
-	<h3 class="connector">{{$general_settings}}</h3>
-</span>
+	<h3 class="settings-heading"><a onclick="openClose('settings_general_expanded'); openClose('settings_general_inflated');">{{$general_settings}}</a></h3>
+
 <div id="settings_general_expanded" class="settings-block" style="display: none;">
-	<span class="fakelink" onclick="openClose('settings_general_expanded'); openClose('settings_general_inflated');">
-		<h3 class="connector">{{$general_settings}}</h3>
-	</span>
 
 	{{include file="field_checkbox.tpl" field=$disable_cw}}
 	{{include file="field_checkbox.tpl" field=$no_intelligent_shortening}}

view/theme/duepuntozero/style.css

@@ -2721,9 +2721,7 @@ aside input[type='text'] {
 }
 
 .settings-block {
-	border: 1px solid #AAA;
-	margin: 10px;
-	padding: 10px;
+	border-bottom: 1px solid #AAA;
 }
 
 .app-title {

view/theme/quattro/dark/style.css

@@ -2551,6 +2551,9 @@ footer {
 #adminpage .selectall {
   text-align: right;
 }
+.settings-block {
+  border-bottom: 1px solid #cccccc;
+}
 /* edit buttons for comments */
 .icon.dim {
   opacity: 0.3;