Reduce number of font size

2016-08-07 09:02:26 -04:00 · 2016-08-07 09:02:26 -04:00 · 928d27d2ad
parent 1dc947eac4
commit 928d27d2ad
57 changed files with 94 additions and 126 deletions
--- a/app/Helper/SubtaskHelper.php
+++ b/app/Helper/SubtaskHelper.php
@ -66,7 +66,10 @@ class SubtaskHelper extends Base

        $html = $this->helper->form->label(t('Assignee'), 'user_id');
        $html .= $this->helper->form->select('user_id', $users, $values, $errors, $attributes);
-        $html .= '&nbsp;<a href="#" class="assign-me" data-target-id="form-user_id" data-current-id="'.$this->userSession->getId().'" title="'.t('Assign to me').'">'.t('Me').'</a>';
+        $html .= '&nbsp;';
+        $html .= '<small>';
+        $html .= '<a href="#" class="assign-me" data-target-id="form-user_id" data-current-id="'.$this->userSession->getId().'" title="'.t('Assign to me').'">'.t('Me').'</a>';
+        $html .= '</small>';

        return $html;
    }
--- a/app/Helper/TaskHelper.php
+++ b/app/Helper/TaskHelper.php
@ -103,7 +103,10 @@ class TaskHelper extends Base

        $html = $this->helper->form->label(t('Assignee'), 'owner_id');
        $html .= $this->helper->form->select('owner_id', $users, $values, $errors, $attributes);
-        $html .= '&nbsp;<a href="#" class="assign-me" data-target-id="form-owner_id" data-current-id="'.$this->userSession->getId().'" title="'.t('Assign to me').'">'.t('Me').'</a>';
+        $html .= '&nbsp;';
+        $html .= '<small>';
+        $html .= '<a href="#" class="assign-me" data-target-id="form-owner_id" data-current-id="'.$this->userSession->getId().'" title="'.t('Assign to me').'">'.t('Me').'</a>';
+        $html .= '</small>';

        return $html;
    }
--- a/app/Template/board/table_column.php
+++ b/app/Template/board/table_column.php
@ -5,9 +5,9 @@

        <!-- column in collapsed mode -->
        <div class="board-column-collapsed">
-            <span class="board-column-header-task-count" title="<?= t('Show this column') ?>">
+            <small class="board-column-header-task-count" title="<?= t('Show this column') ?>">
                <span id="task-number-column-<?= $column['id'] ?>"><?= $column['nb_tasks'] ?></span>
-            </span>
+            </small>
        </div>

        <!-- column in expanded mode -->
--- a/app/Template/comment/show.php
+++ b/app/Template/comment/show.php
@ -4,10 +4,10 @@

    <div class="comment-title">
        <?php if (! empty($comment['username'])): ?>
-            <span class="comment-username"><?= $this->text->e($comment['name'] ?: $comment['username']) ?></span>
+            <strong class="comment-username"><?= $this->text->e($comment['name'] ?: $comment['username']) ?></strong>
        <?php endif ?>

-        <span class="comment-date"><?= $this->dt->datetime($comment['date_creation']) ?></span>
+        <small class="comment-date"><?= $this->dt->datetime($comment['date_creation']) ?></small>
    </div>

    <div class="comment-content">
--- a/app/Template/comments/show.php
+++ b/app/Template/comments/show.php
@ -5,8 +5,10 @@
    <div class="accordion-content" id="comments">
        <?php if (!isset($is_public) || !$is_public): ?>
            <div class="comment-sorting">
-                <i class="fa fa-sort"></i>
-                <?= $this->url->link(t('change sorting'), 'CommentController', 'toggleSorting', array('task_id' => $task['id'], 'project_id' => $task['project_id'])) ?>
+                <small>
+                    <i class="fa fa-sort"></i>
+                    <?= $this->url->link(t('change sorting'), 'CommentController', 'toggleSorting', array('task_id' => $task['id'], 'project_id' => $task['project_id'])) ?>
+                </small>
            </div>
        <?php endif ?>
        <?php foreach ($comments as $comment): ?>
--- a/app/Template/dashboard/projects.php
+++ b/app/Template/dashboard/projects.php
@ -43,7 +43,7 @@
            <td class="dashboard-project-stats">
                <?php foreach ($project['columns'] as $column): ?>
                    <strong title="<?= t('Task count') ?>"><?= $column['nb_tasks'] ?></strong>
-                    <span><?= $this->text->e($column['title']) ?></span>
+                    <small><?= $this->text->e($column['title']) ?></small>
                <?php endforeach ?>
            </td>

--- a/app/Template/event/comment_create.php
+++ b/app/Template/event/comment_create.php
@ -3,7 +3,7 @@
            $this->text->e($author),
            $this->url->link(t('#%d', $task['id']), 'TaskViewController', 'show', array('task_id' => $task['id'], 'project_id' => $task['project_id']))
        ) ?>
-    <span class="activity-date"><?= $this->dt->datetime($date_creation) ?></span>
+    <small class="activity-date"><?= $this->dt->datetime($date_creation) ?></small>
 </p>
 <div class="activity-description">
    <p class="activity-task-title"><?= $this->text->e($task['title']) ?></p>
--- a/app/Template/event/comment_delete.php
+++ b/app/Template/event/comment_delete.php
@ -3,7 +3,7 @@
        $this->text->e($author),
        $this->url->link(t('#%d', $task['id']), 'TaskViewController', 'show', array('task_id' => $task['id'], 'project_id' => $task['project_id']))
    ) ?>
-    <span class="activity-date"><?= $this->dt->datetime($date_creation) ?></span>
+    <small class="activity-date"><?= $this->dt->datetime($date_creation) ?></small>
 </p>
 <div class="activity-description">
    <p class="activity-task-title"><?= $this->text->e($task['title']) ?></p>
--- a/app/Template/event/comment_update.php
+++ b/app/Template/event/comment_update.php
@ -3,7 +3,7 @@
            $this->text->e($author),
            $this->url->link(t('#%d', $task['id']), 'TaskViewController', 'show', array('task_id' => $task['id'], 'project_id' => $task['project_id']))
        ) ?>
-    <span class="activity-date"><?= $this->dt->datetime($date_creation) ?></span>
+    <small class="activity-date"><?= $this->dt->datetime($date_creation) ?></small>
 </p>
 <div class="activity-description">
    <p class="activity-task-title"><?= $this->text->e($task['title']) ?></p>
--- a/app/Template/event/subtask_create.php
+++ b/app/Template/event/subtask_create.php
@ -3,7 +3,7 @@
            $this->text->e($author),
            $this->url->link(t('#%d', $task['id']), 'TaskViewController', 'show', array('task_id' => $task['id'], 'project_id' => $task['project_id']))
        ) ?>
-    <span class="activity-date"><?= $this->dt->datetime($date_creation) ?></span>
+    <small class="activity-date"><?= $this->dt->datetime($date_creation) ?></small>
 </p>
 <div class="activity-description">
    <p class="activity-task-title"><?= $this->text->e($task['title']) ?></p>
--- a/app/Template/event/subtask_delete.php
+++ b/app/Template/event/subtask_delete.php
@ -3,7 +3,7 @@
        $this->text->e($author),
        $this->url->link(t('#%d', $task['id']), 'TaskViewController', 'show', array('task_id' => $task['id'], 'project_id' => $task['project_id']))
    ) ?>
-    <span class="activity-date"><?= $this->dt->datetime($date_creation) ?></span>
+    <small class="activity-date"><?= $this->dt->datetime($date_creation) ?></small>
 </p>
 <div class="activity-description">
    <p class="activity-task-title"><?= $this->text->e($task['title']) ?></p>
--- a/app/Template/event/subtask_update.php
+++ b/app/Template/event/subtask_update.php
@ -3,7 +3,7 @@
            $this->text->e($author),
            $this->url->link(t('#%d', $task['id']), 'TaskViewController', 'show', array('task_id' => $task['id'], 'project_id' => $task['project_id']))
        ) ?>
-    <span class="activity-date"><?= $this->dt->datetime($date_creation) ?></span>
+    <small class="activity-date"><?= $this->dt->datetime($date_creation) ?></small>
 </p>
 <div class="activity-description">
    <p class="activity-task-title"><?= $this->text->e($task['title']) ?></p>
--- a/app/Template/event/task_assignee_change.php
+++ b/app/Template/event/task_assignee_change.php
@ -10,7 +10,7 @@
    <?php else: ?>
        <?= e('%s removed the assignee of the task %s', $this->text->e($author), $this->url->link(t('#%d', $task['id']), 'TaskViewController', 'show', array('task_id' => $task['id'], 'project_id' => $task['project_id']))) ?>
    <?php endif ?>
-    <span class="activity-date"><?= $this->dt->datetime($date_creation) ?></span>
+    <small class="activity-date"><?= $this->dt->datetime($date_creation) ?></small>
 </p>
 <div class="activity-description">
    <p class="activity-task-title"><?= $this->text->e($task['title']) ?></p>
--- a/app/Template/event/task_close.php
+++ b/app/Template/event/task_close.php
@ -3,7 +3,7 @@
            $this->text->e($author),
            $this->url->link(t('#%d', $task['id']), 'TaskViewController', 'show', array('task_id' => $task['id'], 'project_id' => $task['project_id']))
        ) ?>
-    <span class="activity-date"><?= $this->dt->datetime($date_creation) ?></span>
+    <small class="activity-date"><?= $this->dt->datetime($date_creation) ?></small>
 </p>
 <div class="activity-description">
    <p class="activity-task-title"><?= $this->text->e($task['title']) ?></p>
--- a/app/Template/event/task_create.php
+++ b/app/Template/event/task_create.php
@ -3,7 +3,7 @@
            $this->text->e($author),
            $this->url->link(t('#%d', $task['id']), 'TaskViewController', 'show', array('task_id' => $task['id'], 'project_id' => $task['project_id']))
        ) ?>
-    <span class="activity-date"><?= $this->dt->datetime($date_creation) ?></span>
+    <small class="activity-date"><?= $this->dt->datetime($date_creation) ?></small>
 </p>
 <div class="activity-description">
    <p class="activity-task-title"><?= $this->text->e($task['title']) ?></p>
--- a/app/Template/event/task_file_create.php
+++ b/app/Template/event/task_file_create.php
@ -3,7 +3,7 @@
            $this->text->e($author),
            $this->url->link(t('#%d', $task['id']), 'TaskViewController', 'show', array('task_id' => $task['id'], 'project_id' => $task['project_id']))
        ) ?>
-    <span class="activity-date"><?= $this->dt->datetime($date_creation) ?></span>
+    <small class="activity-date"><?= $this->dt->datetime($date_creation) ?></small>
 </p>
 <div class="activity-description">
    <p class="activity-task-title"><?= $this->text->e($file['name']) ?></p>
--- a/app/Template/event/task_internal_link_create_update.php
+++ b/app/Template/event/task_internal_link_create_update.php
@ -3,7 +3,7 @@
        $this->text->e($author),
        $this->url->link(t('#%d', $task['id']), 'TaskViewController', 'show', array('task_id' => $task['id'], 'project_id' => $task['project_id']))
    ) ?>
-    <span class="activity-date"><?= $this->dt->datetime($date_creation) ?></span>
+    <small class="activity-date"><?= $this->dt->datetime($date_creation) ?></small>
 </p>
 <div class="activity-description">
    <p class="activity-task-title">
--- a/app/Template/event/task_internal_link_delete.php
+++ b/app/Template/event/task_internal_link_delete.php
@ -3,7 +3,7 @@
        $this->text->e($author),
        $this->url->link(t('#%d', $task['id']), 'TaskViewController', 'show', array('task_id' => $task['id'], 'project_id' => $task['project_id']))
    ) ?>
-    <span class="activity-date"><?= $this->dt->datetime($date_creation) ?></span>
+    <small class="activity-date"><?= $this->dt->datetime($date_creation) ?></small>
 </p>
 <div class="activity-description">
    <p class="activity-task-title">
--- a/app/Template/event/task_move_column.php
+++ b/app/Template/event/task_move_column.php
@ -4,7 +4,7 @@
            $this->url->link(t('#%d', $task['id']), 'TaskViewController', 'show', array('task_id' => $task['id'], 'project_id' => $task['project_id'])),
            $this->text->e($task['column_title'])
        ) ?>
-    <span class="activity-date"><?= $this->dt->datetime($date_creation) ?></span>
+    <small class="activity-date"><?= $this->dt->datetime($date_creation) ?></small>
 </p>
 <div class="activity-description">
    <p class="activity-task-title"><?= $this->text->e($task['title']) ?></p>
--- a/app/Template/event/task_move_position.php
+++ b/app/Template/event/task_move_position.php
@ -5,7 +5,7 @@
            $task['position'],
            $this->text->e($task['column_title'])
        ) ?>
-    <span class="activity-date"><?= $this->dt->datetime($date_creation) ?></span>
+    <small class="activity-date"><?= $this->dt->datetime($date_creation) ?></small>
 </p>
 <div class="activity-description">
    <p class="activity-task-title"><?= $this->text->e($task['title']) ?></p>
--- a/app/Template/event/task_move_swimlane.php
+++ b/app/Template/event/task_move_swimlane.php
@ -11,7 +11,7 @@
                $this->text->e($task['swimlane_name'])
            ) ?>
    <?php endif ?>
-    <span class="activity-date"><?= $this->dt->datetime($date_creation) ?></span>
+    <small class="activity-date"><?= $this->dt->datetime($date_creation) ?></small>
 </p>
 <div class="activity-description">
    <p class="activity-task-title"><?= $this->text->e($task['title']) ?></p>
--- a/app/Template/event/task_open.php
+++ b/app/Template/event/task_open.php
@ -3,7 +3,7 @@
            $this->text->e($author),
            $this->url->link(t('#%d', $task['id']), 'TaskViewController', 'show', array('task_id' => $task['id'], 'project_id' => $task['project_id']))
        ) ?>
-    <span class="activity-date"><?= $this->dt->datetime($date_creation) ?></span>
+    <small class="activity-date"><?= $this->dt->datetime($date_creation) ?></small>
 </p>
 <div class="activity-description">
    <p class="activity-task-title"><?= $this->text->e($task['title']) ?></p>
--- a/app/Template/event/task_update.php
+++ b/app/Template/event/task_update.php
@ -3,7 +3,7 @@
            $this->text->e($author),
            $this->url->link(t('#%d', $task['id']), 'TaskViewController', 'show', array('task_id' => $task['id'], 'project_id' => $task['project_id']))
        ) ?>
-    <span class="activity-date"><?= $this->dt->datetime($date_creation) ?></span>
+    <small class="activity-date"><?= $this->dt->datetime($date_creation) ?></small>
 </p>
 <div class="activity-description">
    <p class="activity-task-title"><?= $this->text->e($task['title']) ?></p>
--- a/app/Template/header.php
+++ b/app/Template/header.php
@ -12,9 +12,9 @@
                <?php endif ?>
            </span>
            <?php if (! empty($description)): ?>
-                <span class="tooltip" title="<?= $this->text->markdownAttribute($description) ?>">
+                <small class="tooltip" title="<?= $this->text->markdownAttribute($description) ?>">
                    <i class="fa fa-info-circle"></i>
-                </span>
+                </small>
            <?php endif ?>
        </h1>
        <ul>
--- a/app/Template/project_overview/columns.php
+++ b/app/Template/project_overview/columns.php
@ -2,7 +2,7 @@
    <?php foreach ($project['columns'] as $column): ?>
        <div class="project-overview-column">
            <strong title="<?= t('Task count') ?>"><?= $column['nb_tasks'] ?></strong><br>
-            <span><?= $this->text->e($column['title']) ?></span>
+            <small><?= $this->text->e($column['title']) ?></small>
        </div>
    <?php endforeach ?>
 </div>
--- a/app/Template/task/details.php
+++ b/app/Template/task/details.php
@ -31,18 +31,21 @@
                        </li>
                    <?php endif ?>
                    <?php if ($project['is_public']): ?>
-                    <li class="smaller">
-                        <i class="fa fa-external-link fa-fw"></i>
-                        <?= $this->url->link(t('Public link'), 'TaskViewController', 'readonly', array('task_id' => $task['id'], 'token' => $project['token']), false, '', '', true) ?>
+                    <li>
+                        <small>
+                            <i class="fa fa-external-link fa-fw"></i>
+                            <?= $this->url->link(t('Public link'), 'TaskViewController', 'readonly', array('task_id' => $task['id'], 'token' => $project['token']), false, '', '', true) ?>
+                        </small>
                    </li>
                    <?php endif ?>
                    <?php if ($project['is_public'] && !$editable): ?>
-                    <li class="smaller">
-                        <i class="fa fa-th fa-fw"></i>
-                        <?= $this->url->link(t('Back to the board'), 'BoardViewController', 'readonly', array('token' => $project['token'])) ?>
+                    <li>
+                        <small>
+                            <i class="fa fa-th fa-fw"></i>
+                            <?= $this->url->link(t('Back to the board'), 'BoardViewController', 'readonly', array('token' => $project['token'])) ?>
+                        </small>
                    </li>
                    <?php endif ?>
-                    <li class="smaller">

                    <?= $this->hook->render('template:task:details:first-column', array('task' => $task)) ?>
                </ul>
--- a/assets/css/app.min.css
+++ b/assets/css/app.min.css
--- a/assets/sass/_activity_stream.sass
+++ b/assets/sass/_activity_stream.sass
@ -8,7 +8,6 @@
  margin-left: 10px
  font-weight: normal
  color: #999
-  font-size: 0.8em

 .activity-content
  margin-left: 55px
@ -19,7 +18,6 @@
  border-bottom: 1px dotted #efefef

 .activity-description
-  font-size: 0.95em
  color: #555
  margin-top: 10px
  li
--- a/assets/sass/_base.sass
+++ b/assets/sass/_base.sass
@ -1,20 +1,3 @@
-body
-  margin-left: 10px
-  margin-right: 10px
-  padding-bottom: 10px
-  color: $text-color
-  font-family: $text-font
-  text-rendering: optimizeLegibility
-
-hr
-  border: 0
-  height: 0
-  border-top: 1px solid rgba(0, 0, 0, 0.1)
-  border-bottom: 1px solid rgba(255, 255, 255, 0.3)
-
-.smaller
-  font-size: 0.85em
-
 .pull-right
  text-align: right

@ -25,9 +8,6 @@ ul.no-bullet li
 .chosen-select
  min-height: 27px

-#ui-datepicker-div
-  font-size: 0.8em
-
 #app-loading-icon
  position: fixed
  right: 3px
@ -39,5 +19,4 @@ ul.no-bullet li
    color: #000

 .assign-me
-  font-size: 0.8em
  vertical-align: bottom
--- a/assets/sass/_board.sass
+++ b/assets/sass/_board.sass
@ -66,7 +66,7 @@ td.board-column-task-collapsed
  a
    text-decoration: none
    color: #3366CC
-    font-size: 150%
+    font-size: $text-xlarge
    line-height: 70%
    &:focus, &:hover
      text-decoration: none
@ -76,11 +76,7 @@ td.board-column-task-collapsed
  color: #999
  font-weight: normal

-th.board-column-header-collapsed .board-column-header-task-count
-  font-size: 0.85em
-
 a.board-swimlane-toggle
-  font-size: 0.95em
  text-decoration: none
  &:hover, &:focus
    color: #000
--- a/assets/sass/_button.sass
+++ b/assets/sass/_button.sass
@ -1,6 +1,6 @@
 .btn
  +appearance
-  font-size: 1.1em
+  font-size: $text-medium
  font-weight: normal
  cursor: pointer
  display: inline-block
--- a/assets/sass/_comment.sass
+++ b/assets/sass/_comment.sass
@ -1,6 +1,5 @@
 .comment-sorting
  text-align: right
-  font-size: 0.5em
  a
    color: #555
    font-weight: normal
@ -19,17 +18,12 @@
  margin-left: 55px
  margin-bottom: 10px

-.comment-username
-  font-weight: bold
-  font-size: 1.1em
-
 .comment-date
  color: #999
-  font-size: 0.7em
  font-weight: 200

 .comment-actions
-  font-size: 0.8em
+  font-size: $text-small
  margin-left: 55px
  margin-top: 8px
  li
--- a/assets/sass/_dashboard.sass
+++ b/assets/sass/_dashboard.sass
@ -1,10 +1,7 @@
 .dashboard-project-stats
-  span
-    font-size: 0.75em
+  small
    margin-right: 10px
    color: #999
-  strong
-    font-size: 1.2em

 .dashboard-table-link
  font-weight: bold
--- a/assets/sass/_dialog_box.sass
+++ b/assets/sass/_dialog_box.sass
@ -1,3 +1,2 @@
 #main .confirm
  max-width: 700px
-  font-size: 1.1em
--- a/assets/sass/_documentation.sass
+++ b/assets/sass/_documentation.sass
@ -5,16 +5,13 @@
  background: #fefefe
  border: 1px solid #ccc
  border-radius: 5px
-  font-size: 1.1em
  color: #555
  img
    border: 1px solid #333
  h1
    text-decoration: none
-    font-size: 1.8em
    margin-bottom: 30px
  h2
-    font-size: 1.3em
    text-decoration: none
    border-bottom: 1px solid #ccc
    margin-bottom: 25px
--- a/assets/sass/_dropdown.sass
+++ b/assets/sass/_dropdown.sass
@ -21,7 +21,7 @@ ul.dropdown-submenu-open
  display: block
  margin: 0
  padding: 8px 10px
-  font-size: 0.85em
+  font-size: $text-small
  border-bottom: 1px solid #f8f8f8
  cursor: pointer
  &.no-hover
--- a/assets/sass/_filter_box.sass
+++ b/assets/sass/_filter_box.sass
@ -13,7 +13,7 @@
  input[type="text"]
    margin: 0
    font-size: 16px
-    height: 26px
+    height: 28px
    border-color: #ddd
    border-top-left-radius: 5px
    border-bottom-left-radius: 5px
@ -33,7 +33,7 @@
    padding: 0
    padding-left: 5px
    padding-right: 8px
-    height: 27px
+    height: 29px
    &:last-child
      border-top-right-radius: 5px
      border-bottom-right-radius: 5px
--- a/assets/sass/_form.sass
+++ b/assets/sass/_form.sass
@ -12,7 +12,7 @@ input
    border: 1px solid #ccc
    width: 300px
    max-width: 95%
-    font-size: 100%
+    font-size: $text-normal
    height: 25px
    padding-bottom: 0
    font-family: sans-serif
@ -39,7 +39,6 @@ textarea
  width: 400px
  max-width: 99%
  height: 200px
-  font-size: 100%
  font-family: sans-serif

 select
@ -81,7 +80,7 @@ ul.form-errors li
  margin-left: 0

 .form-help
-  font-size: 0.8em
+  font-size: $text-small
  color: brown
  margin-bottom: 15px

@ -124,11 +123,9 @@ input
    line-height: 25px
  h2
    margin-bottom: 30px
-    font-size: 1.5em
    font-weight: bold

 .reset-password
  margin-top: 20px
  a
-    font-size: 0.8em
    color: #999
--- a/assets/sass/_gantt_chart.sass
+++ b/assets/sass/_gantt_chart.sass
@ -33,7 +33,6 @@ div
    line-height: 31px
    padding-left: 3px
    border-top: 1px solid #d0d0d0
-    font-size: 0.9em
    text-overflow: ellipsis
    overflow: hidden
    white-space: nowrap
@ -79,7 +78,7 @@ div
  &.ganttview-block-text
    position: absolute
    height: 12px
-    font-size: 0.7em
+    font-size: $text-tiny
    color: #999
    padding: 2px 3px
  &.ganttview-block div.ui-resizable-handle.ui-resizable-s
--- a/assets/sass/_header.sass
+++ b/assets/sass/_header.sass
@ -11,11 +11,10 @@ header
    max-width: 70%
    float: left
    .tooltip
+      font-size: $text-tiny
      opacity: 0.3
-      font-size: 0.6em
  ul
    text-align: right
-    font-size: 0.9em
  li
    display: inline
    padding-left: 30px
@ -36,4 +35,3 @@ nav .active a
  li
    display: inline
    padding-right: 15px
-    font-size: 0.95em
--- a/assets/sass/_links.sass
+++ b/assets/sass/_links.sass
@ -5,7 +5,6 @@ a
    outline: 0
    color: $link-color-focus
    text-decoration: none
-    border: 1px dotted #aaa
  &:hover
    color: $link-color-hover
    text-decoration: none
--- a/assets/sass/_markdown_rendering.sass
+++ b/assets/sass/_markdown_rendering.sass
@ -3,16 +3,9 @@
  h1
    margin-top: 5px
    margin-bottom: 10px
-    font-size: 1.5em
    font-weight: bold
-    text-decoration: underline
  h2
-    font-size: 1.2em
    font-weight: bold
-    text-decoration: underline
-  h3, h4
-    font-size: 1.1em
-    text-decoration: underline
  p
    margin-bottom: 10px
  ol, ul
--- a/assets/sass/_page_header.sass
+++ b/assets/sass/_page_header.sass
@ -5,7 +5,6 @@
  h2
    margin: 0
    padding: 0
-    font-size: 1.4em
    font-weight: bold
    border-bottom: 1px dotted #ccc
    a
@ -20,7 +19,6 @@
  li
    display: inline
    padding-right: 15px
-    font-size: 0.95em
    &.active a
      color: #333
      text-decoration: none
--- a/assets/sass/_project_overview.sass
+++ b/assets/sass/_project_overview.sass
@ -5,17 +5,14 @@
  +flex-wrap
  +align-content(center)
  margin-bottom: 20px
-  font-size: 1.4em
+  font-size: $text-large

 .project-overview-column
  text-align: center
  margin-right: 3%
  padding: 3px 15px 3px 15px
  border: 1px dashed #ddd
-  border-radius: 8px
  strong
-    font-size: 1.3em
    color: #444
-  span
-    font-size: 0.8em
+  small
    color: #777
--- a/assets/sass/_project_views_switcher.sass
+++ b/assets/sass/_project_views_switcher.sass
@ -2,7 +2,6 @@
  display: inline-block
  margin-left: 10px
  margin-right: 10px
-  font-size: 0.9em
  li
    background: #fafafa
    border-left: 1px solid #ddd
--- a/assets/sass/_reset.sass
+++ b/assets/sass/_reset.sass
@ -11,3 +11,20 @@ body
  margin: 0
  padding: 0
  font-size: 100%
+
+body
+  margin-left: 10px
+  margin-right: 10px
+  padding-bottom: 10px
+  color: $text-color
+  font-family: $text-font
+  text-rendering: optimizeLegibility
+
+small
+  font-size: $text-small
+
+hr
+  border: 0
+  height: 0
+  border-top: 1px solid rgba(0, 0, 0, 0.1)
+  border-bottom: 1px solid rgba(255, 255, 255, 0.3)
--- a/assets/sass/_sidebar.sass
+++ b/assets/sass/_sidebar.sass
@ -24,7 +24,6 @@
 .sidebar
  padding-right: 10px
  border-right: 1px dotted #eee
-  font-size: 0.95em
  max-width: 240px
  min-width: 190px
  width: 18%
--- a/assets/sass/_subtasks.sass
+++ b/assets/sass/_subtasks.sass
@ -1,4 +1,3 @@
 .subtasks-table
-  font-size: 0.85em
  td
    vertical-align: middle
--- a/assets/sass/_table.sass
+++ b/assets/sass/_table.sass
@ -3,7 +3,6 @@ table
  border-collapse: collapse
  border-spacing: 0
  margin-bottom: 20px
-  font-size: 0.95em

 th
  border: 1px solid #eee
@ -22,7 +21,7 @@ td li
  margin-left: 20px

 .table-small
-  font-size: 0.8em
+  font-size: $text-small

 th a
  text-decoration: none
--- a/assets/sass/_task_board.sass
+++ b/assets/sass/_task_board.sass
@ -3,7 +3,6 @@
  margin-bottom: 4px
  border: 1px solid #000
  padding: 2px
-  font-size: 0.85em
  word-wrap: break-word

 div
@ -28,7 +27,6 @@ div
  text-overflow: ellipsis

 .task-board-title
-  font-size: 1.15em
  margin-top: 5px
  margin-bottom: 8px
  a:hover
--- a/assets/sass/_task_board_age.sass
+++ b/assets/sass/_task_board_age.sass
@ -1,6 +1,5 @@
 .task-board-age
  display: inline-block
-  font-size: 0.9em

 span
  &.task-board-age-total
--- a/assets/sass/_task_board_icons.sass
+++ b/assets/sass/_task_board_icons.sass
@ -1,4 +1,5 @@
 .task-board-icons
+  font-size: $text-small
  text-align: right
  margin-top: 4px
  margin-bottom: 2px
--- a/assets/sass/_task_links.sass
+++ b/assets/sass/_task_links.sass
@ -1,5 +1,4 @@
 .task-links-table
-  font-size: 0.85em
  td
    vertical-align: middle

--- a/assets/sass/_task_summary.sass
+++ b/assets/sass/_task_summary.sass
@ -2,13 +2,12 @@
  margin-bottom: 15px
  h2
    color: #666
-    font-size: 2.5em
+    font-size: $text-xlarge
    margin-top: 0
    padding-top: 0

 .task-summary-buttons
  margin-top: 10px
-  font-size: 0.85em

 .task-summary-container
  border: 2px solid #000
@ -24,7 +23,6 @@
  justify-content: space-between

 .task-summary-column
-  font-size: 0.9em
  color: #666
  span
    color: #555
@ -37,6 +35,5 @@
  margin-bottom: 20px
  h2
    color: #555
-    font-size: 1.8em
    margin: 0
    padding: 8px
--- a/assets/sass/_title.sass
+++ b/assets/sass/_title.sass
@ -2,10 +2,13 @@ h1, h2, h3
  font-weight: normal
  color: $title-color

+h1
+  font-size: $page-title-size
+
 h2
-  font-size: 1.3em
+  font-size: $text-large
  margin-bottom: 10px

 h3
  margin-top: 10px
-  font-size: 1.2em
+  font-size: $text-medium
--- a/assets/sass/_tooltip.sass
+++ b/assets/sass/_tooltip.sass
@ -6,7 +6,6 @@
 div.ui-tooltip
  min-width: 200px
  max-width: 600px
-  font-size: 0.85em

 .tooltip-arrow
  width: 20px
@ -49,4 +48,3 @@ div.ui-tooltip

 .tooltip .fa-info-circle
  color: #999
-  font-size: 0.95em
--- a/assets/sass/app.sass
+++ b/assets/sass/app.sass
@ -1,7 +1,15 @@
+$text-xlarge: 1.6em
+$text-large: 1.4em
+$text-medium: 1.2em
+$text-normal: 1.0em
+$text-small: 0.8em
+$text-tiny: 0.7em
+
 $text-font: 'Helvetica Neue', Helvetica, Arial, sans-serif
 $text-color: #333

 $title-color: #333
+$page-title-size: 1.5em

 $link-color: #3366CC
 $link-color-focus: #DF5353