Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • G gitlabhq1
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 21
    • Issues 21
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 12
    • Merge requests 12
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Incidents
  • Packages & Registries
    • Packages & Registries
    • Package Registry
    • Infrastructure Registry
  • Analytics
    • Analytics
    • CI/CD
    • Repository
    • Value stream
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • gpt
  • large_projects
  • gitlabhq1
  • Issues
  • #3661

Closed
Open
Created Apr 22, 2013 by Administrator@rootOwner

Buttons violate Fitts Law

Created by: airtonix

Your buttons are created like so :

<span class="btn btn-small">
 <i class="icon-envelope"></i>
 <a href="#url">Label</a>
</span>

This creates a problem. It reduces the clickable target area to that of the letters only.

Fitts law says that larger click targets are easier to click, but you deceive users into thinking that something that looks like a button will react as a button should when clicked. However unless you are clicking on the letters of the link, nothing happens apart from the CSS hover/active/click styles.

Your button html (change your css to reflect the new structure) should look like this :

<a href="#url" class="btn btn-small">
  <i class="icon-envelope"></i>
  <span>Label</span>
</a>
Assignee
Assign to
Time tracking