From c6289c87b84e1ee4000afa68ec69935071548865 Mon Sep 17 00:00:00 2001
From: Paul Adam Davis <pauladamdavis@gmail.com>
Date: Wed, 17 Sep 2014 11:41:34 +0100
Subject: [PATCH] Fix several tiny CSS bugs

Closes #4050

- Full-width invite user modal button
- `<select>` can be focused in Firefox
- Increase size of background images for avatars
- Add `-moz-osx-font-smoothing: grayscale;` to icons
---
 ghost/admin/assets/sass/components/modals.scss | 7 +++++++
 ghost/admin/assets/sass/helpers/icons.scss     | 7 +++++++
 ghost/admin/assets/sass/layouts/users.scss     | 2 +-
 ghost/admin/assets/sass/patterns/forms.scss    | 3 +++
 ghost/admin/components/gh-select.js            | 3 +++
 ghost/admin/templates/post-settings-menu.hbs   | 2 +-
 ghost/admin/templates/settings/general.hbs     | 2 +-
 7 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/ghost/admin/assets/sass/components/modals.scss b/ghost/admin/assets/sass/components/modals.scss
index cc81c79c57..0c4a351f64 100644
--- a/ghost/admin/assets/sass/components/modals.scss
+++ b/ghost/admin/assets/sass/components/modals.scss
@@ -142,3 +142,10 @@
 .modal-style-centered {
     text-align: center;
 }
+
+// Fixes for specific modals
+.invite-new-user {
+    .btn-green {
+        width: 100%;
+    }
+}
\ No newline at end of file
diff --git a/ghost/admin/assets/sass/helpers/icons.scss b/ghost/admin/assets/sass/helpers/icons.scss
index 818f5d638b..3c81b51fe3 100755
--- a/ghost/admin/assets/sass/helpers/icons.scss
+++ b/ghost/admin/assets/sass/helpers/icons.scss
@@ -30,6 +30,7 @@
         speak: none;
         line-height: 1;
         -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
 
         //Function
         content: '#{$char}';
@@ -62,6 +63,7 @@
         speak: none;
         line-height: 1;
         -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
 
         // Function
         content: '#{$char}';
@@ -187,6 +189,11 @@ $i-code:            \e03e;
 // Icon Classes
 // --------------------------------------------------
 
+[class*='icon-'] {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
 .icon-ghost:before {
     content: '#{$i-ghost}';
 }
diff --git a/ghost/admin/assets/sass/layouts/users.scss b/ghost/admin/assets/sass/layouts/users.scss
index 18e680aeb5..a732c259ff 100644
--- a/ghost/admin/assets/sass/layouts/users.scss
+++ b/ghost/admin/assets/sass/layouts/users.scss
@@ -75,7 +75,7 @@ a.object-list-item {
     display: block;
     border: 1px solid #979797;
     border-radius: 100%;
-    background-size: cover;
+    background-size: 105%;
     background-position: center center;
 } // .object-list-item-figure
 
diff --git a/ghost/admin/assets/sass/patterns/forms.scss b/ghost/admin/assets/sass/patterns/forms.scss
index 791068e155..aada4e7c6e 100644
--- a/ghost/admin/assets/sass/patterns/forms.scss
+++ b/ghost/admin/assets/sass/patterns/forms.scss
@@ -325,5 +325,8 @@ textarea {
         select {
             padding: 7px 10px 7px 8px;
         }
+        &:focus {
+            border-color: $brown;
+        }
     }
 } // @-moz-document
diff --git a/ghost/admin/components/gh-select.js b/ghost/admin/components/gh-select.js
index c085adea89..95b44958c8 100644
--- a/ghost/admin/components/gh-select.js
+++ b/ghost/admin/components/gh-select.js
@@ -16,6 +16,9 @@
 var GhostSelect = Ember.Component.extend({
     tagName: 'span',
     classNames: ['gh-select'],
+    attributeBindings: ['tabindex'],
+
+    tabindex: '0', // 0 must be a string, or else it's interpreted as false
 
     options: null,
     initialValue: null,
diff --git a/ghost/admin/templates/post-settings-menu.hbs b/ghost/admin/templates/post-settings-menu.hbs
index e64956dd2e..3b52e7c248 100644
--- a/ghost/admin/templates/post-settings-menu.hbs
+++ b/ghost/admin/templates/post-settings-menu.hbs
@@ -25,7 +25,7 @@
             <div class="form-group for-select">
                 <label for="activeTheme">Author</label>
                 <span class="input-icon icon-user">
-                    <span class="gh-select">
+                    <span class="gh-select" tabindex="0">
                     {{view Ember.Select
                         name="post-setting-author"
                         content=authors
diff --git a/ghost/admin/templates/settings/general.hbs b/ghost/admin/templates/settings/general.hbs
index f1d2ba0908..a194d3d736 100644
--- a/ghost/admin/templates/settings/general.hbs
+++ b/ghost/admin/templates/settings/general.hbs
@@ -71,7 +71,7 @@
 
             <div class="form-group for-select">
                 <label for="activeTheme">Theme</label>
-                <span class="gh-select" {{bind-attr data-select-text=selectedTheme.label}}>
+                <span class="gh-select" {{bind-attr data-select-text=selectedTheme.label}} tabindex="0">
                    {{view Ember.Select
                        id="activeTheme"
                        name="general[activeTheme]"