make every page regard max content width setting and move the setting out of experts mode

5 files changed, 18 insertions, 18 deletions

diff --git a/view/theme/redbasic/css/converse_center.css b/view/theme/redbasic/css/converse_center.css
index 3b3ecddc9..8e595e7ff 100644
--- a/view/theme/redbasic/css/converse_center.css
+++ b/view/theme/redbasic/css/converse_center.css
@@ -1,5 +1,4 @@
-body {
+main {
 	margin-left: auto;
 	margin-right: auto;
-	max-width: $body_width;
 }
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index 7e512751c..d3d3882e4 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -24,6 +24,10 @@ body {
 	height: 100%;
 }
 
+main {
+	max-width: $main_width;
+}
+
 h1, .h1, h2, .h2 {
 	font-size: 1.667em;
 }
@@ -301,7 +305,6 @@ footer {
 }
 
 #profile-edit-links {
-	max-width: $converse_width;
 	padding-top: 15px;
 	padding-bottom: 15px;
 }
@@ -1608,10 +1611,6 @@ img.mail-list-sender-photo {
 
 /* jot */
 
-#profile-jot-wrapper {
-	max-width: $converse_width;
-}
-
 .jothidden {
 	font-weight: bold;
 	border-radius: $radiuspx;
@@ -1680,10 +1679,6 @@ img.mail-list-sender-photo {
 	margin-left: $comment_indent;
 }
 
-.thread-wrapper.toplevel_item {
-	max-width: $converse_width;
-}
-
 .wall-item-content-wrapper {
 	background-color: $item_colour;
 	padding: 10px;
diff --git a/view/theme/redbasic/php/config.php b/view/theme/redbasic/php/config.php
index ba49859c5..ea9de6c70 100644
--- a/view/theme/redbasic/php/config.php
+++ b/view/theme/redbasic/php/config.php
@@ -120,13 +120,13 @@ if(feature_enabled(local_channel(),'expert'))
 		'$comment_indent' => array('redbasic_comment_indent', t('Set the indent for comments'), $arr['comment_indent']),
 		'$toolicon_colour' => array('redbasic_toolicon_colour',t('Set the basic color for item icons'),$arr['toolicon_colour']),
 		'$toolicon_activecolour' => array('redbasic_toolicon_activecolour',t('Set the hover color for item icons'),$arr['toolicon_activecolour']),
-		'$body_font_size' => array('redbasic_body_font_size', t('Set font-size for the entire application'), $arr['body_font_size'], 'Example: 14px '),
+		'$body_font_size' => array('redbasic_body_font_size', t('Set font-size for the entire application'), $arr['body_font_size'], t('Example: 14px')),
 		'$font_size' => array('redbasic_font_size', t('Set font-size for posts and comments'), $arr['font_size']),
 		'$font_colour' => array('redbasic_font_colour', t('Set font-color for posts and comments'), $arr['font_colour']),
 		'$radius' => array('redbasic_radius', t('Set radius of corners'), $arr['radius']),
 		'$shadow' => array('redbasic_shadow', t('Set shadow depth of photos'), $arr['shadow']),
-		'$converse_width' => array('redbasic_converse_width',t('Set maximum width of conversation regions'),$arr['converse_width'], 'Example: 700px ("center conversation regions" must be set to Yes for this to have an effect)'),
-		'$converse_center' => array('redbasic_converse_center',t('Center conversation regions'),$arr['converse_center'], '', array(t('No'),t('Yes'))),
+		'$converse_width' => array('redbasic_converse_width',t('Set maximum width of content region'),$arr['converse_width'], t('Example: 800px')),
+		'$converse_center' => array('redbasic_converse_center',t('Center page content'),$arr['converse_center'], '', array(t('No'),t('Yes'))),
 		'$nav_min_opacity' => array('redbasic_nav_min_opacity',t('Set minimum opacity of nav bar - to hide it'),$arr['nav_min_opacity']),
 		'$top_photo' => array('redbasic_top_photo', t('Set size of conversation author photo'), $arr['top_photo']),
 		'$reply_photo' => array('redbasic_reply_photo', t('Set size of followup author photos'), $arr['reply_photo']),
diff --git a/view/theme/redbasic/php/style.php b/view/theme/redbasic/php/style.php
index a3234862a..9c133313d 100644
--- a/view/theme/redbasic/php/style.php
+++ b/view/theme/redbasic/php/style.php
@@ -304,7 +304,12 @@ if(! $a->install) {
 	if(file_exists('view/theme/redbasic/css/style.css')) {
 		$x = file_get_contents('view/theme/redbasic/css/style.css');
 
-$body_width = (231 + $converse_width) . 'px'; // aside is 231px + converse width; have to find a way for calculation with 'px', cannot handle '%'
+
+// left aside is 231px + converse width
+$main_width = (231 + $converse_width);
+
+// prevent main_width smaller than 768px
+$main_width = (($main_width < 768) ? 768 : $main_width) . 'px';
 
 $options = array (
 '$nav_bg' => $nav_bg,
@@ -412,7 +417,7 @@ $options = array (
 '$pmenu_reply' => $pmenu_reply,
 '$wwtop' => $wwtop,
 '$comment_indent' => $comment_indent,
-'$body_width' => $body_width,
+'$main_width' => $main_width,
 '$comment_padding' => $comment_padding,
 '$admintable_hoverbgcol' => $admintable_hoverbgcol,
 '$dirpopup_txtcol' => $dirpopup_txtcol,
diff --git a/view/theme/redbasic/tpl/theme_settings.tpl b/view/theme/redbasic/tpl/theme_settings.tpl
index dc33e232a..d539e702d 100644
--- a/view/theme/redbasic/tpl/theme_settings.tpl
+++ b/view/theme/redbasic/tpl/theme_settings.tpl
@@ -28,9 +28,10 @@
 	{{include file="field_input.tpl" field=$shadow}}
 	{{include file="field_input.tpl" field=$top_photo}}
 	{{include file="field_input.tpl" field=$reply_photo}}
-	{{include file="field_input.tpl" field=$converse_width}}
-	{{include file="field_checkbox.tpl" field=$converse_center}}
+
 {{/if}}
+{{include file="field_input.tpl" field=$converse_width}}
+{{include file="field_checkbox.tpl" field=$converse_center}}
 {{include file="field_checkbox.tpl" field=$narrow_navbar}}
 {{if $expert}}
 <script>