Use `flex` to center align content

5d72e54e · kushalpandya · cdd8f2f3 · 5d72e54e
Commit 5d72e54e authored Sep 07, 2017 by kushalpandya
Hide whitespace changes
Inline Side-by-side

Showing with 2 additions and 1 deletion

app/assets/stylesheets/framework/common.scss app/assets/stylesheets/framework/common.scss +2 -1

No files found.
--- a/app/assets/stylesheets/framework/common.scss
+++ b/app/assets/stylesheets/framework/common.scss
@@ -412,11 +412,12 @@ table {

 .gl-accessibility {
  &:focus {
+    display: flex;
+    align-items: center;
    top: 1px;
    left: 1px;
    width: auto;
    height: 100%;
-    line-height: 50px;
    padding: 0 10px;
    clip: auto;
    text-decoration: none;