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

2 files changed, 5 insertions, 4 deletions

diff --git a/CHANGELOG b/CHANGELOG
index 9474ca50b24..1c27c3388cf 100644
--- a/CHANGELOG
+++ b/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
diff --git a/app/assets/stylesheets/framework/typography.scss b/app/assets/stylesheets/framework/typography.scss
index 48570abff49..9381cb3281c 100644
--- a/app/assets/stylesheets/framework/typography.scss
+++ b/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;