Reduce number of font size

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;
     }

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;
     }

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 -->

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">

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>
+                <small>
-                <?= $this->url->link(t('change sorting'), 'CommentController', 'toggleSorting', array('task_id' => $task['id'], 'project_id' => $task['project_id'])) ?>
+                    <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): ?>

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>
 

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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">

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">

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>

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>

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>

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>

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>

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>

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>

app/Template/task/details.php

@@ -31,18 +31,21 @@
                         </li>
                     <?php endif ?>
                     <?php if ($project['is_public']): ?>
-                    <li class="smaller">
+                    <li>
-                        <i class="fa fa-external-link fa-fw"></i>
+                        <small>
-                        <?= $this->url->link(t('Public link'), 'TaskViewController', 'readonly', array('task_id' => $task['id'], 'token' => $project['token']), false, '', '', true) ?>
+                            <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">
+                    <li>
-                        <i class="fa fa-th fa-fw"></i>
+                        <small>
-                        <?= $this->url->link(t('Back to the board'), 'BoardViewController', 'readonly', array('token' => $project['token'])) ?>
+                            <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>

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

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

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

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

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

assets/sass/_dashboard.sass

@@ -1,10 +1,7 @@
 .dashboard-project-stats
-  span
+  small
-    font-size: 0.75em
     margin-right: 10px
     color: #999
-  strong
-    font-size: 1.2em
 
 .dashboard-table-link
   font-weight: bold

assets/sass/_dialog_box.sass

@@ -1,3 +1,2 @@
 #main .confirm
   max-width: 700px
-  font-size: 1.1em

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

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

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

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

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

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

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

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

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

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
+  small
-    font-size: 0.8em
     color: #777

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

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)

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%

assets/sass/_subtasks.sass

@@ -1,4 +1,3 @@
 .subtasks-table
-  font-size: 0.85em
   td
     vertical-align: middle

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

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

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

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

assets/sass/_task_links.sass

@@ -1,5 +1,4 @@
 .task-links-table
-  font-size: 0.85em
   td
     vertical-align: middle
 

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

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

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

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