Bug 966124 - focusing the "Manage" link in Sync preferences produces a weird huge focus outline r=markh
authorTim Taubert <ttaubert@mozilla.com>
Thu, 20 Feb 2014 16:59:16 +0100
changeset 170052 24adaa318267fe603df5ff59f288f6d5c3f1f8f0
parent 170051 db540bc426141aa5ca206c8da185f702fa4f8090
child 170121 31113754db3bbfcde38c3af98edd71d5a5a78489
push id5234
push userttaubert@mozilla.com
push dateSun, 23 Feb 2014 10:24:09 +0000
treeherderfx-team@24adaa318267 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmarkh
bugs966124
milestone30.0a1
Bug 966124 - focusing the "Manage" link in Sync preferences produces a weird huge focus outline r=markh
browser/components/preferences/sync.xul
browser/themes/osx/preferences/preferences.css
--- a/browser/components/preferences/sync.xul
+++ b/browser/components/preferences/sync.xul
@@ -204,23 +204,26 @@
           <groupbox id="fxaGroup">
             <caption label="&syncBrand.fxAccount.label;"/>
 
             <deck id="fxaLoginStatus">
 
               <!-- logged in and verified and all is good -->
               <hbox>
                 <label id="fxaEmailAddress1"/>
-                <label class="text-link"
-                       onclick="gSyncPane.manageFirefoxAccount();"
-                       value="&manage.label;"/>
+                <vbox>
+                  <label class="text-link"
+                         onclick="gSyncPane.manageFirefoxAccount();"
+                         value="&manage.label;"/>
+                </vbox>
                 <spacer flex="1"/>
-                <vbox align="end">
-                  <button oncommand="gSyncPane.unlinkFirefoxAccount(true);"
-                          label="&disconnect.label;" />
+                <vbox>
+                  <button id="fxaUnlinkButton"
+                          oncommand="gSyncPane.unlinkFirefoxAccount(true);"
+                          label="&disconnect.label;"/>
                 </vbox>
               </hbox>
 
               <!-- logged in to an unverified account -->
               <hbox flex="1">
                 <description>
                   &signedInUnverified.beforename.label;
                   <span id="fxaEmailAddress2"></span>
--- a/browser/themes/osx/preferences/preferences.css
+++ b/browser/themes/osx/preferences/preferences.css
@@ -209,9 +209,13 @@ html|a.inline-link:-moz-focusring {
   list-style-image: url("chrome://mozapps/skin/profile/profileicon.png");
 }
 
 #syncAddDeviceLabel {
   margin-top: 1em;
   margin-bottom: 1em;
 }
 
+#fxaUnlinkButton {
+  margin: 0;
+}
+
 %endif