Merge branch 'roperzh/gitlab-ce-issue-13334' into 'master'

Decrease the font size and the padding of the `.anchor` icons used in the README

_Originally opened at !2819 by @roperzh._

- - -

## What does this MR do?

Removes an overlap between the anchor icons on the readme and the sidebar on small screens by reducing the size and the padding of the icon.

## Are there points in the code the reviewer needs to double check?

Probably someone in the Design / UX team will need to review if the solution makes sense.

## What are the relevant issue numbers?

Issue #13334

## Screenshots

![Screen_Shot_2016-02-15_at_3.35.13_PM](/uploads/0e8b215809eee8efec9b6a136b0bd841/Screen_Shot_2016-02-15_at_3.35.13_PM.png)

See merge request !3150

CHANGELOG

@@ -14,6 +14,7 @@ v 8.6.0 (unreleased)
   - Strip leading and trailing spaces in URL validator (evuez)
   - Add "last_sign_in_at" and "confirmed_at" to GET /users/* API endpoints for admins (evuez)
   - Return empty array instead of 404 when commit has no statuses in commit status API
+  - Decrease the font size and the padding of the `.anchor` icons used in the README (Roberto Dip)
   - Add support for cross-project label references
   - Update documentation to reflect Guest role not being enforced on internal projects
   - Allow search for logged out users

app/assets/stylesheets/framework/typography.scss

@@ -149,13 +149,13 @@
     }
 
     &:hover > a.anchor {
-      $size: 16px;
+      $size: 14px;
       position: absolute;
       right: 100%;
       top: 50%;
-      margin-top: -$size/2;
-      margin-right: 0px;
-      padding-right: 20px;
+      margin-top: -11px;
+      margin-right: 0;
+      padding-right: 15px;
       display: inline-block;
       width: $size;
       height: $size;