Headline structure improvement (#3830)

* header: h1 deleted - full logo included

* template: config - display

* WIP

* shortcut configs. added fieldset. do not display the border by default

* system.phtml

* subscription: add feed or category

* wip

* wip

* Update bookmarklet.phtml

* Update archiving.phtml

* Update queries.phtml

* Update profile.phtml

* Update manage.phtml

* auth+update

* Update template.rtl.css

* fixed FreshRSS logo (Theme: Mapco)

* Update mapco.rtl.css

* Update _layout.scss

* fixed FreshRSS logo (theme: Dark)

* fix: FreshRSS logo (Theme: BlueLagoon)

* fix: FreshRSS logo (Theme: Ansum)

* fixed: FreshRSS logo (Theme: Alternative Dark)

* fix: FreshRSS logo (Theme: Pafat)

* fix: FreshRSS logo (Theme: Screwdriver)

* fix: FreshRSS logo (theme: Swage)

* Minor lint

* little fix: FreshRSS logo (Theme: Origine)

* Fix: FreshRSS logo (Theme: Origine Compact)

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>

7 files changed, 164 insertions, 149 deletions

diff --git a/app/views/configure/archiving.phtml b/app/views/configure/archiving.phtml
index 9d091abf6..88b980cd4 100644
--- a/app/views/configure/archiving.phtml
+++ b/app/views/configure/archiving.phtml
@@ -4,11 +4,12 @@
 	<div class="link-back-wrapper">
 		<a class="link-back" href="<?= _url('index', 'index') ?>"><?= _t('gen.action.back_to_rss_feeds') ?></a>
 	</div>
+
+	<h1><?= _t('conf.archiving') ?></h1>
+	<p class="help"><?= _i('help') ?> <?= _t('conf.archiving.help') ?></p>
 	
 	<form method="post" action="<?= _url('configure', 'archiving') ?>">
 		<input type="hidden" name="_csrf" value="<?= FreshRSS_Auth::csrfToken() ?>" />
-		<legend><?= _t('conf.archiving') ?></legend>
-		<p class="help"><?= _i('help') ?> <?= _t('conf.archiving.help') ?></p>
 
 		<div class="form-group">
 			<label class="group-name" for="ttl_default"><?= _t('conf.archiving.ttl') ?></label>
@@ -124,7 +125,7 @@
 		</div>
 	</form>
 
-	<legend><?= _t('conf.archiving.maintenance') ?></legend>
+	<h2><?= _t('conf.archiving.maintenance') ?></h2>
 	<form method="post" action="<?= _url('entry', 'purge') ?>">
 		<input type="hidden" name="_csrf" value="<?= FreshRSS_Auth::csrfToken() ?>" />
 
diff --git a/app/views/configure/display.phtml b/app/views/configure/display.phtml
index efeb189aa..efc15fdd1 100644
--- a/app/views/configure/display.phtml
+++ b/app/views/configure/display.phtml
@@ -4,10 +4,11 @@
 	<div class="link-back-wrapper">
 		<a class="link-back" href="<?= _url('index', 'index') ?>"><?= _t('gen.action.back_to_rss_feeds') ?></a>
 	</div>
+
+	<h1><?= _t('conf.display') ?></h1>
 	
 	<form method="post" action="<?= _url('configure', 'display') ?>">
 		<input type="hidden" name="_csrf" value="<?= FreshRSS_Auth::csrfToken() ?>" />
-		<legend><?= _t('conf.display') ?></legend>
 
 		<div class="form-group">
 			<label class="group-name" for="language"><?= _t('conf.display.language') ?></label>
diff --git a/app/views/configure/integration.phtml b/app/views/configure/integration.phtml
index 278265aed..02a0b6f32 100644
--- a/app/views/configure/integration.phtml
+++ b/app/views/configure/integration.phtml
@@ -5,6 +5,8 @@
 		<a class="link-back" href="<?= _url('index', 'index') ?>"><?= _t('gen.action.back_to_rss_feeds') ?></a>
 	</div>
 
+	<h1><?= _t('conf.sharing') ?></h1>
+
 	<form method="post" action="<?= _url('configure', 'integration') ?>"
 		data-simple='<div class="form-group" id="group-share-##key##"><label class="group-name">##label##</label><div class="group-controls"><div class="stick">
 			<input type="text" id="share_##key##_name" name="share[##key##][name]" class="extend" value="##label##" placeholder="<?= _t('conf.sharing.share_name') ?>" size="64" />
@@ -22,7 +24,7 @@
 			<a target="_blank" rel="noreferrer" class="btn" title="<?= _t('conf.sharing.more_information') ?>" href="##help##"><?= _i('help') ?></a>
 			</div></div>' class="draggableList">
 		<input type="hidden" name="_csrf" value="<?= FreshRSS_Auth::csrfToken() ?>" />
-		<legend><?= _t('conf.sharing') ?></legend>
+		
 		<?php
 			foreach (FreshRSS_Context::$user_conf->sharing as $key => $share_options) {
 				$share = FreshRSS_Share::get($share_options['type']);
diff --git a/app/views/configure/queries.phtml b/app/views/configure/queries.phtml
index 6402d63fb..b79f5fe5a 100644
--- a/app/views/configure/queries.phtml
+++ b/app/views/configure/queries.phtml
@@ -7,7 +7,7 @@
 
 	<form method="post" action="<?= _url('configure', 'queries') ?>" class="draggableList">
 		<input type="hidden" name="_csrf" value="<?= FreshRSS_Auth::csrfToken() ?>" />
-		<legend><?= _t('conf.query') ?></legend>
+		<h1><?= _t('conf.query') ?></h1>
 
 		<?php foreach ($this->queries as $key => $query) { ?>
 		<div class="form-group" id="query-group-<?= $key ?>" draggable="true">
diff --git a/app/views/configure/reading.phtml b/app/views/configure/reading.phtml
index c73866486..68d878eb0 100644
--- a/app/views/configure/reading.phtml
+++ b/app/views/configure/reading.phtml
@@ -4,11 +4,12 @@
 	<div class="link-back-wrapper">
 		<a class="link-back" href="<?= _url('index', 'index') ?>"><?= _t('gen.action.back_to_rss_feeds') ?></a>
 	</div>
+	
+	<h1><?= _t('conf.reading') ?></h1>
 
 	<form method="post" action="<?= _url('configure', 'reading') ?>">
 		<input type="hidden" name="_csrf" value="<?= FreshRSS_Auth::csrfToken() ?>" />
-		<legend><?= _t('conf.reading') ?></legend>
-
+		
 		<div class="form-group">
 			<label class="group-name" for="posts_per_page"><?= _t('conf.reading.articles_per_page') ?></label>
 			<div class="group-controls">
diff --git a/app/views/configure/shortcut.phtml b/app/views/configure/shortcut.phtml
index 49b7fd6ee..f8eb469e8 100644
--- a/app/views/configure/shortcut.phtml
+++ b/app/views/configure/shortcut.phtml
@@ -5,6 +5,8 @@
 		<a class="link-back" href="<?= _url('index', 'index') ?>"><?= _t('gen.action.back_to_rss_feeds') ?></a>
 	</div>
 
+	<h1><?= _t('conf.shortcut') ?></h1>
+
 	<datalist id="keys">
 		<?php foreach ($this->list_keys as $key) { ?>
 		<option value="<?= $key ?>">
@@ -13,7 +15,6 @@
 
 	<?php $s = FreshRSS_Context::$user_conf->shortcuts; ?>
 
-	<h2><?= _t('conf.shortcut') ?></h2>
 	<?php if ([] !== $nonStandard = getNonStandardShortcuts($s)): ?>
 		<p class="alert alert-error">
 			<?= _t('conf.shortcut.non_standard', implode('</kbd>, <kbd>', $nonStandard)) ?>
@@ -24,191 +25,199 @@
 		<input type="hidden" name="_csrf" value="<?= FreshRSS_Auth::csrfToken() ?>" />
 
 		<noscript><p class="alert alert-error"><?= _t('conf.shortcut.javascript') ?></p></noscript>
+		
+		<fieldset>
+			<legend><?= _t('conf.shortcut.views') ?></legend>
 
-		<legend><?= _t('conf.shortcut.views') ?></legend>
-
-		<div class="form-group">
-			<label class="group-name" for="normal_view_shortcut"><?= _t('conf.shortcut.normal_view') ?></label>
-			<div class="group-controls">
-				<input type="text" id="normal_view_shortcut" name="shortcuts[normal_view]" list="keys" value="<?= $s['normal_view'] ?>"
-					data-leave-validation="<?= $s['normal_view'] ?>"/>
+			<div class="form-group">
+				<label class="group-name" for="normal_view_shortcut"><?= _t('conf.shortcut.normal_view') ?></label>
+				<div class="group-controls">
+					<input type="text" id="normal_view_shortcut" name="shortcuts[normal_view]" list="keys" value="<?= $s['normal_view'] ?>"
+						data-leave-validation="<?= $s['normal_view'] ?>"/>
+				</div>
 			</div>
-		</div>
 
-		<div class="form-group">
-			<label class="group-name" for="global_view_shortcut"><?= _t('conf.shortcut.global_view') ?></label>
-			<div class="group-controls">
-				<input type="text" id="global_view_shortcut" name="shortcuts[global_view]" list="keys" value="<?= $s['global_view'] ?>"
-					data-leave-validation="<?= $s['global_view'] ?>"/>
+			<div class="form-group">
+				<label class="group-name" for="global_view_shortcut"><?= _t('conf.shortcut.global_view') ?></label>
+				<div class="group-controls">
+					<input type="text" id="global_view_shortcut" name="shortcuts[global_view]" list="keys" value="<?= $s['global_view'] ?>"
+						data-leave-validation="<?= $s['global_view'] ?>"/>
+				</div>
 			</div>
-		</div>
 
-		<div class="form-group">
-			<label class="group-name" for="reading_view_shortcut"><?= _t('conf.shortcut.reading_view') ?></label>
-			<div class="group-controls">
-				<input type="text" id="reading_view_shortcut" name="shortcuts[reading_view]" list="keys" value="<?= $s['reading_view'] ?>"
-					data-leave-validation="<?= $s['reading_view'] ?>"/>
+			<div class="form-group">
+				<label class="group-name" for="reading_view_shortcut"><?= _t('conf.shortcut.reading_view') ?></label>
+				<div class="group-controls">
+					<input type="text" id="reading_view_shortcut" name="shortcuts[reading_view]" list="keys" value="<?= $s['reading_view'] ?>"
+						data-leave-validation="<?= $s['reading_view'] ?>"/>
+				</div>
 			</div>
-		</div>
 
-		<div class="form-group">
-			<label class="group-name" for="rss_view_shortcut"><?= _t('conf.shortcut.rss_view') ?></label>
-			<div class="group-controls">
-				<input type="text" id="rss_view_shortcut" name="shortcuts[rss_view]" list="keys" value="<?= $s['rss_view'] ?>"
-					data-leave-validation="<?= $s['rss_view'] ?>"/>
+			<div class="form-group">
+				<label class="group-name" for="rss_view_shortcut"><?= _t('conf.shortcut.rss_view') ?></label>
+				<div class="group-controls">
+					<input type="text" id="rss_view_shortcut" name="shortcuts[rss_view]" list="keys" value="<?= $s['rss_view'] ?>"
+						data-leave-validation="<?= $s['rss_view'] ?>"/>
+				</div>
 			</div>
-		</div>
+		</fieldset>
 
-		<legend><?= _t('conf.shortcut.navigation') ?></legend>
+		<fieldset>
+			<legend><?= _t('conf.shortcut.navigation') ?></legend>
 
-		<p class="alert alert-warn"><?= _t('conf.shortcut.navigation_help') ?></p>
+			<p class="alert alert-warn"><?= _t('conf.shortcut.navigation_help') ?></p>
 
-		<div class="form-group">
-			<label class="group-name" for="next_entry"><?= _t('conf.shortcut.next_article') ?></label>
-			<div class="group-controls">
-				<input type="text" id="next_entry" name="shortcuts[next_entry]" list="keys" value="<?= $s['next_entry'] ?>"
-					data-leave-validation="<?= $s['next_entry'] ?>"/>
+			<div class="form-group">
+				<label class="group-name" for="next_entry"><?= _t('conf.shortcut.next_article') ?></label>
+				<div class="group-controls">
+					<input type="text" id="next_entry" name="shortcuts[next_entry]" list="keys" value="<?= $s['next_entry'] ?>"
+						data-leave-validation="<?= $s['next_entry'] ?>"/>
+				</div>
 			</div>
-		</div>
 
-		<div class="form-group">
-			<label class="group-name" for="prev_entry"><?= _t('conf.shortcut.previous_article') ?></label>
-			<div class="group-controls">
-				<input type="text" id="prev_entry" name="shortcuts[prev_entry]" list="keys" value="<?= $s['prev_entry'] ?>"
-					data-leave-validation="<?= $s['prev_entry'] ?>"/>
+			<div class="form-group">
+				<label class="group-name" for="prev_entry"><?= _t('conf.shortcut.previous_article') ?></label>
+				<div class="group-controls">
+					<input type="text" id="prev_entry" name="shortcuts[prev_entry]" list="keys" value="<?= $s['prev_entry'] ?>"
+						data-leave-validation="<?= $s['prev_entry'] ?>"/>
+				</div>
 			</div>
-		</div>
 
-		<div class="form-group">
-			<label class="group-name" for="first_entry"><?= _t('conf.shortcut.first_article') ?></label>
-			<div class="group-controls">
-				<input type="text" id="first_entry" name="shortcuts[first_entry]" list="keys" value="<?= $s['first_entry'] ?>"
-					data-leave-validation="<?= $s['first_entry'] ?>"/>
+			<div class="form-group">
+				<label class="group-name" for="first_entry"><?= _t('conf.shortcut.first_article') ?></label>
+				<div class="group-controls">
+					<input type="text" id="first_entry" name="shortcuts[first_entry]" list="keys" value="<?= $s['first_entry'] ?>"
+						data-leave-validation="<?= $s['first_entry'] ?>"/>
+				</div>
 			</div>
-		</div>
 
-		<div class="form-group">
-			<label class="group-name" for="last_entry"><?= _t('conf.shortcut.last_article') ?></label>
-			<div class="group-controls">
-				<input type="text" id="last_entry" name="shortcuts[last_entry]" list="keys" value="<?= $s['last_entry'] ?>"
-					data-leave-validation="<?= $s['last_entry'] ?>"/>
+			<div class="form-group">
+				<label class="group-name" for="last_entry"><?= _t('conf.shortcut.last_article') ?></label>
+				<div class="group-controls">
+					<input type="text" id="last_entry" name="shortcuts[last_entry]" list="keys" value="<?= $s['last_entry'] ?>"
+						data-leave-validation="<?= $s['last_entry'] ?>"/>
+				</div>
 			</div>
-		</div>
 
-		<p class="alert alert-warn"><?= _t('conf.shortcut.navigation_no_mod_help') ?></p>
+			<p class="alert alert-warn"><?= _t('conf.shortcut.navigation_no_mod_help') ?></p>
 
-		<div class="form-group">
-			<label class="group-name" for="skip_next_entry"><?= _t('conf.shortcut.skip_next_article') ?></label>
-			<div class="group-controls">
-				<input type="text" id="skip_next_entry" name="shortcuts[skip_next_entry]" list="keys" value="<?= $s['skip_next_entry'] ?>"
-					data-leave-validation="<?= $s['skip_next_entry'] ?>"/>
+			<div class="form-group">
+				<label class="group-name" for="skip_next_entry"><?= _t('conf.shortcut.skip_next_article') ?></label>
+				<div class="group-controls">
+					<input type="text" id="skip_next_entry" name="shortcuts[skip_next_entry]" list="keys" value="<?= $s['skip_next_entry'] ?>"
+						data-leave-validation="<?= $s['skip_next_entry'] ?>"/>
+				</div>
 			</div>
-		</div>
 
-		<div class="form-group">
-			<label class="group-name" for="skip_prev_entry"><?= _t('conf.shortcut.skip_previous_article') ?></label>
-			<div class="group-controls">
-				<input type="text" id="skip_prev_entry" name="shortcuts[skip_prev_entry]" list="keys" value="<?= $s['skip_prev_entry'] ?>"
-					data-leave-validation="<?= $s['skip_prev_entry'] ?>"/>
+			<div class="form-group">
+				<label class="group-name" for="skip_prev_entry"><?= _t('conf.shortcut.skip_previous_article') ?></label>
+				<div class="group-controls">
+					<input type="text" id="skip_prev_entry" name="shortcuts[skip_prev_entry]" list="keys" value="<?= $s['skip_prev_entry'] ?>"
+						data-leave-validation="<?= $s['skip_prev_entry'] ?>"/>
+				</div>
 			</div>
-		</div>
+		</fieldset>
 
-		<legend><?= _t('conf.shortcut.article_action') ?></legend>
+		<fieldset>
+			<legend><?= _t('conf.shortcut.article_action') ?></legend>
 
-		<div class="form-group">
-			<p class="alert alert-warn"><?= _t('conf.shortcut.shift_for_all_read') ?></p>
-			<label class="group-name" for="mark_read"><?= _t('conf.shortcut.mark_read') ?></label>
-			<div class="group-controls">
-				<input type="text" id="mark_read" name="shortcuts[mark_read]" list="keys" value="<?= $s['mark_read'] ?>"
-					data-leave-validation="<?= $s['mark_read'] ?>"/>
+			<div class="form-group">
+				<p class="alert alert-warn"><?= _t('conf.shortcut.shift_for_all_read') ?></p>
+				<label class="group-name" for="mark_read"><?= _t('conf.shortcut.mark_read') ?></label>
+				<div class="group-controls">
+					<input type="text" id="mark_read" name="shortcuts[mark_read]" list="keys" value="<?= $s['mark_read'] ?>"
+						data-leave-validation="<?= $s['mark_read'] ?>"/>
+				</div>
 			</div>
-		</div>
 
-		<p class="alert alert-warn"><?= _t('conf.shortcut.navigation_no_mod_help') ?></p>
+			<p class="alert alert-warn"><?= _t('conf.shortcut.navigation_no_mod_help') ?></p>
 
-		<div class="form-group">
-			<label class="group-name" for="mark_favorite"><?= _t('conf.shortcut.mark_favorite') ?></label>
-			<div class="group-controls">
-				<input type="text" id="mark_favorite" name="shortcuts[mark_favorite]" list="keys" value="<?= $s['mark_favorite'] ?>"
-					data-leave-validation="<?= $s['mark_favorite'] ?>"/>
+			<div class="form-group">
+				<label class="group-name" for="mark_favorite"><?= _t('conf.shortcut.mark_favorite') ?></label>
+				<div class="group-controls">
+					<input type="text" id="mark_favorite" name="shortcuts[mark_favorite]" list="keys" value="<?= $s['mark_favorite'] ?>"
+						data-leave-validation="<?= $s['mark_favorite'] ?>"/>
+				</div>
 			</div>
-		</div>
 
-		<div class="form-group">
-			<label class="group-name" for="go_website"><?= _t('conf.shortcut.see_on_website') ?></label>
-			<div class="group-controls">
-				<input type="text" id="go_website" name="shortcuts[go_website]" list="keys" value="<?= $s['go_website'] ?>"
-					data-leave-validation="<?= $s['go_website'] ?>"/>
+			<div class="form-group">
+				<label class="group-name" for="go_website"><?= _t('conf.shortcut.see_on_website') ?></label>
+				<div class="group-controls">
+					<input type="text" id="go_website" name="shortcuts[go_website]" list="keys" value="<?= $s['go_website'] ?>"
+						data-leave-validation="<?= $s['go_website'] ?>"/>
+				</div>
 			</div>
-		</div>
 
-		<div class="form-group">
-			<label class="group-name" for="auto_share_shortcut"><?= _t('conf.shortcut.auto_share') ?></label>
-			<div class="group-controls">
-				<input type="text" id="auto_share_shortcut" name="shortcuts[auto_share]" list="keys" value="<?= $s['auto_share'] ?>"
-					data-leave-validation="<?= $s['auto_share'] ?>"/>
-				<?= _t('conf.shortcut.auto_share_help') ?>
+			<div class="form-group">
+				<label class="group-name" for="auto_share_shortcut"><?= _t('conf.shortcut.auto_share') ?></label>
+				<div class="group-controls">
+					<input type="text" id="auto_share_shortcut" name="shortcuts[auto_share]" list="keys" value="<?= $s['auto_share'] ?>"
+						data-leave-validation="<?= $s['auto_share'] ?>"/>
+						<p class="help"><?= _i('help') ?> <?= _t('conf.shortcut.auto_share_help') ?></p>
+				</div>
 			</div>
-		</div>
 
-		<div class="form-group">
-			<label class="group-name" for="collapse_entry"><?= _t('conf.shortcut.collapse_article') ?></label>
-			<div class="group-controls">
-				<input type="text" id="collapse_entry" name="shortcuts[collapse_entry]" list="keys" value="<?= $s['collapse_entry'] ?>"
-					data-leave-validation="<?= $s['collapse_entry'] ?>"/>
+			<div class="form-group">
+				<label class="group-name" for="collapse_entry"><?= _t('conf.shortcut.collapse_article') ?></label>
+				<div class="group-controls">
+					<input type="text" id="collapse_entry" name="shortcuts[collapse_entry]" list="keys" value="<?= $s['collapse_entry'] ?>"
+						data-leave-validation="<?= $s['collapse_entry'] ?>"/>
+				</div>
 			</div>
-		</div>
 
-		<div class="form-group">
-			<label class="group-name" for="toggle_media"><?= _t('conf.shortcut.toggle_media') ?></label>
-			<div class="group-controls">
-				<input type="text" id="toggle_media" name="shortcuts[toggle_media]" list="keys" value="<?= $s['toggle_media'] ?>"
-					data-leave-validation="<?= $s['toggle_media'] ?>"/>
+			<div class="form-group">
+				<label class="group-name" for="toggle_media"><?= _t('conf.shortcut.toggle_media') ?></label>
+				<div class="group-controls">
+					<input type="text" id="toggle_media" name="shortcuts[toggle_media]" list="keys" value="<?= $s['toggle_media'] ?>"
+						data-leave-validation="<?= $s['toggle_media'] ?>"/>
+				</div>
 			</div>
-		</div>
+		</fieldset>
 
-		<legend><?= _t('conf.shortcut.other_action') ?></legend>
+		<fieldset>
+			<legend><?= _t('conf.shortcut.other_action') ?></legend>
 
-		<div class="form-group">
-			<label class="group-name" for="load_more_shortcut"><?= _t('conf.shortcut.load_more') ?></label>
-			<div class="group-controls">
-				<input type="text" id="load_more_shortcut" name="shortcuts[load_more]" list="keys" value="<?= $s['load_more'] ?>"
-					data-leave-validation="<?= $s['load_more'] ?>"/>
+			<div class="form-group">
+				<label class="group-name" for="load_more_shortcut"><?= _t('conf.shortcut.load_more') ?></label>
+				<div class="group-controls">
+					<input type="text" id="load_more_shortcut" name="shortcuts[load_more]" list="keys" value="<?= $s['load_more'] ?>"
+						data-leave-validation="<?= $s['load_more'] ?>"/>
+				</div>
 			</div>
-		</div>
 
-		<div class="form-group">
-			<label class="group-name" for="focus_search_shortcut"><?= _t('conf.shortcut.focus_search') ?></label>
-			<div class="group-controls">
-				<input type="text" id="focus_search_shortcut" name="shortcuts[focus_search]" list="keys" value="<?= $s['focus_search'] ?>"
-					data-leave-validation="<?= $s['focus_search'] ?>"/>
+			<div class="form-group">
+				<label class="group-name" for="focus_search_shortcut"><?= _t('conf.shortcut.focus_search') ?></label>
+				<div class="group-controls">
+					<input type="text" id="focus_search_shortcut" name="shortcuts[focus_search]" list="keys" value="<?= $s['focus_search'] ?>"
+						data-leave-validation="<?= $s['focus_search'] ?>"/>
+				</div>
 			</div>
-		</div>
 
-		<div class="form-group">
-			<label class="group-name" for="user_filter_shortcut"><?= _t('conf.shortcut.user_filter') ?></label>
-			<div class="group-controls">
-				<input type="text" id="user_filter_shortcut" name="shortcuts[user_filter]" list="keys" value="<?= $s['user_filter'] ?>"
-					data-leave-validation="<?= $s['user_filter'] ?>"/>
-				<?= _t('conf.shortcut.user_filter_help') ?>
+			<div class="form-group">
+				<label class="group-name" for="user_filter_shortcut"><?= _t('conf.shortcut.user_filter') ?></label>
+				<div class="group-controls">
+					<input type="text" id="user_filter_shortcut" name="shortcuts[user_filter]" list="keys" value="<?= $s['user_filter'] ?>"
+						data-leave-validation="<?= $s['user_filter'] ?>"/>
+						<p class="help"><?= _i('help') ?> <?= _t('conf.shortcut.user_filter_help') ?></p>
+				</div>
 			</div>
-		</div>
-
-		<div class="form-group">
-			<label class="group-name" for="close_dropdown_shortcut"><?= _t('conf.shortcut.close_dropdown') ?></label>
-			<div class="group-controls">
-				<input type="text" id="close_dropdown" name="shortcuts[close_dropdown]" list="keys" value="<?= $s['close_dropdown'] ?>"
-					data-leave-validation="<?= $s['close_dropdown'] ?>"/>
+
+			<div class="form-group">
+				<label class="group-name" for="close_dropdown_shortcut"><?= _t('conf.shortcut.close_dropdown') ?></label>
+				<div class="group-controls">
+					<input type="text" id="close_dropdown" name="shortcuts[close_dropdown]" list="keys" value="<?= $s['close_dropdown'] ?>"
+						data-leave-validation="<?= $s['close_dropdown'] ?>"/>
+				</div>
 			</div>
-		</div>
-
-		<div class="form-group">
-			<label class="group-name" for="help_shortcut"><?= _t('conf.shortcut.help') ?></label>
-			<div class="group-controls">
-				<input type="text" id="help_shortcut" name="shortcuts[help]" list="keys" value="<?= $s['help'] ?>"
-					data-leave-validation="<?= $s['help'] ?>"/>
+
+			<div class="form-group">
+				<label class="group-name" for="help_shortcut"><?= _t('conf.shortcut.help') ?></label>
+				<div class="group-controls">
+					<input type="text" id="help_shortcut" name="shortcuts[help]" list="keys" value="<?= $s['help'] ?>"
+						data-leave-validation="<?= $s['help'] ?>"/>
+				</div>
 			</div>
-		</div>
+		</fieldset>
 
 		<div class="form-group form-actions">
 			<div class="group-controls">
diff --git a/app/views/configure/system.phtml b/app/views/configure/system.phtml
index d3ead87a8..251ffa03a 100644
--- a/app/views/configure/system.phtml
+++ b/app/views/configure/system.phtml
@@ -5,9 +5,10 @@
 		<a class="link-back" href="<?= _url('index', 'index') ?>"><?= _t('gen.action.back_to_rss_feeds') ?></a>
 	</div>
 
+	<h1><?= _t('admin.system') ?></h1>
+
 	<form method="post" action="<?= _url('configure', 'system') ?>">
 		<input type="hidden" name="_csrf" value="<?= FreshRSS_Auth::csrfToken() ?>" />
-		<legend><?= _t('admin.system') ?></legend>
 
 		<div class="form-group">
 			<label class="group-name" for="instance-name"><?= _t('admin.system.instance-name') ?></label>