Improve settings pages layout

1 files changed, 23 insertions, 18 deletions

diff --git a/app/Template/config/application.php b/app/Template/config/application.php
index 0f842f6e..0d7f613c 100644
--- a/app/Template/config/application.php
+++ b/app/Template/config/application.php
@@ -2,33 +2,38 @@
     <h2><?= t('Application settings') ?></h2>
 </div>
 <form method="post" action="<?= $this->url->href('ConfigController', 'save', array('redirect' => 'application')) ?>" autocomplete="off">
-
     <?= $this->form->csrf() ?>
 
-    <?= $this->form->label(t('Application URL'), 'application_url') ?>
-    <?= $this->form->text('application_url', $values, $errors, array('placeholder="http://example.kanboard.net/"')) ?>
-    <p class="form-help"><?= t('Example: http://example.kanboard.net/ (used to generate absolute URLs)') ?></p>
+    <fieldset>
+        <?= $this->form->label(t('Application URL'), 'application_url') ?>
+        <?= $this->form->text('application_url', $values, $errors, array('placeholder="http://example.kanboard.net/"')) ?>
+        <p class="form-help"><?= t('Example: http://example.kanboard.net/ (used to generate absolute URLs)') ?></p>
 
-    <?= $this->form->label(t('Language'), 'application_language') ?>
-    <?= $this->form->select('application_language', $languages, $values, $errors) ?>
+        <?= $this->form->label(t('Language'), 'application_language') ?>
+        <?= $this->form->select('application_language', $languages, $values, $errors) ?>
 
-    <?= $this->form->label(t('Timezone'), 'application_timezone') ?>
-    <?= $this->form->select('application_timezone', $timezones, $values, $errors) ?>
+        <?= $this->form->checkbox('password_reset', t('Enable "Forget Password"'), 1, $values['password_reset'] == 1) ?>
+    </fieldset>
 
-    <?= $this->form->label(t('Date format'), 'application_date_format') ?>
-    <?= $this->form->select('application_date_format', $date_formats, $values, $errors) ?>
-    <p class="form-help"><?= t('ISO format is always accepted, example: "%s" and "%s"', date('Y-m-d'), date('Y_m_d')) ?></p>
+    <fieldset>
+        <?= $this->form->label(t('Timezone'), 'application_timezone') ?>
+        <?= $this->form->select('application_timezone', $timezones, $values, $errors) ?>
 
-    <?= $this->form->label(t('Date and time format'), 'application_datetime_format') ?>
-    <?= $this->form->select('application_datetime_format', $datetime_formats, $values, $errors) ?>
+        <?= $this->form->label(t('Date format'), 'application_date_format') ?>
+        <?= $this->form->select('application_date_format', $date_formats, $values, $errors) ?>
+        <p class="form-help"><?= t('ISO format is always accepted, example: "%s" and "%s"', date('Y-m-d'), date('Y_m_d')) ?></p>
 
-    <?= $this->form->label(t('Time format'), 'application_time_format') ?>
-    <?= $this->form->select('application_time_format', $time_formats, $values, $errors) ?>
+        <?= $this->form->label(t('Date and time format'), 'application_datetime_format') ?>
+        <?= $this->form->select('application_datetime_format', $datetime_formats, $values, $errors) ?>
 
-    <?= $this->form->checkbox('password_reset', t('Enable "Forget Password"'), 1, $values['password_reset'] == 1) ?>
+        <?= $this->form->label(t('Time format'), 'application_time_format') ?>
+        <?= $this->form->select('application_time_format', $time_formats, $values, $errors) ?>
+    </fieldset>
 
-    <?= $this->form->label(t('Custom Stylesheet'), 'application_stylesheet') ?>
-    <?= $this->form->textarea('application_stylesheet', $values, $errors) ?>
+    <fieldset>
+        <?= $this->form->label(t('Custom Stylesheet'), 'application_stylesheet') ?>
+        <?= $this->form->textarea('application_stylesheet', $values, $errors) ?>
+    </fieldset>
 
     <?= $this->hook->render('template:config:application', array('values' => $values, 'errors' => $errors)) ?>