Updated latest shared/style folders from gaia

Author: arnau march

style/action_menu.css

@@ -129,17 +129,14 @@ form[role="dialog"][data-type="action"] > header button {
   text-decoration: none;
 }
 
-/* Pressed state */
-form[role="dialog"][data-type="action"] > header a::-moz-focus-inner,
-form[role="dialog"][data-type="action"] > header button::-moz-focus-inner,
-form[role="dialog"][data-type="action"] > header a:active,
-form[role="dialog"][data-type="action"] > header button:active,
-form[role="dialog"][data-type="action"] > header a:focus,
-form[role="dialog"][data-type="action"][data-type="action"] > header button:focus {
-  outline: none !important;
-  border: none !important;
+form[role="dialog"][data-type="action"] button::-moz-focus-inner,
+form[role="dialog"][data-type="object"] button::-moz-focus-inner {
+  outline: none;
+  border: none;
+  margin-top: -0.2rem; /* To fix line-height bug (697451) */
 }
 
+/* Pressed state */
 form[role="dialog"][data-type="action"] > header a:active .icon:after,
 form[role="dialog"][data-type="action"] > header button:active .icon:after,
 form[role="dialog"][data-type="action"] > header menu[type="toolbar"] a:active,

style/action_menu/index.html

@@ -26,8 +26,8 @@
 
   <form role="dialog" data-type="action" onsubmit="return false;">
     <header>Title</header> <!-- this header is optional -->
-    <menu>
-      <button> Action 1 </button>
+    <menu type="toolbar">
+      <button>Action 1</button>
       <button disabled> Action 2 (disabled) </button>
       <button> Action 3 </button>
       <button> Action 4 </button>

style/buttons.css

@@ -7,6 +7,7 @@ a[role="button"]::-moz-focus-inner,
 button::-moz-focus-inner {
   border: none;
   outline: none;
+  margin-top: -0.2rem; /* To fix line-height bug (697451) */
 }
 
 button,

style/confirm.css

@@ -72,7 +72,9 @@ form[role="dialog"][data-type="confirm"] menu {
 form[role="dialog"][data-type="confirm"] menu button::-moz-focus-inner {
   border: none;
   outline: none;
+  margin-top: -0.2rem; /* To fix line-height bug (697451) */
 }
+
 form[role="dialog"][data-type="confirm"] menu button {
   width: 100%;
   height: 3.8rem;

style/edit_mode.css

@@ -102,15 +102,13 @@ form[role="dialog"][data-type="edit"] header menu[type="toolbar"] button:last-ch
   z-index: 1;
 }
 
-/* Press state */
-form[role="dialog"][data-type="edit"] header button::-moz-focus-inner,
-form[role="dialog"][data-type="edit"] header button:active,
-form[role="dialog"][data-type="edit"] header button:hover,
-form[role="dialog"][data-type="edit"] header button:focus {
-  outline: none !important;
-  border: none !important;
+form[role="dialog"][data-type="edit"] button::-moz-focus-inner {
+  outline: none;
+  border: none;
+  margin-top: -0.2rem; /* To fix line-height bug (697451) */
 }
 
+/* Press state */
 form[role="dialog"][data-type="edit"] header button:active:after,
 form[role="dialog"][data-type="edit"] header button:hover:after,
 form[role="dialog"][data-type="edit"] header menu[type="toolbar"] button:hover,

style/headers.css

@@ -138,14 +138,11 @@ section[role="region"] > header:first-child button {
 
 
 /* Pressed state */
-section[role="region"] > header:first-child a::-moz-focus-inner,
-section[role="region"] > header:first-child button::-moz-focus-inner,
-section[role="region"] > header:first-child a:active,
-section[role="region"] > header:first-child button:active,
-section[role="region"] > header:first-child a:focus,
-section[role="region"] > header:first-child button:focus {
-  outline: none !important;
-  border: none !important;
+section[role="region"] > header:first-child button::-moz-focus-inner {
+  outline: none;
+  border: none;
+  margin-top: -0.2rem; /* To fix line-height bug (697451) */
+  padding: 0;
 }
 
 section[role="region"] > header:first-child > a:not([aria-disabled="true"]):active:after,
@@ -243,11 +240,6 @@ section[role="region"] > header:first-child > a:after {
   background: url(headers/images/ui/separator.png) no-repeat right center / 0.2rem 4.8rem;
 }
 
-section[role="region"] > header:first-child > button::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
-
 section[role="region"] > header:first-child > button .icon,
 section[role="region"] > header:first-child > a .icon {
   display: block;

style/input_areas.css

@@ -307,7 +307,7 @@ form[role="search"] button[type="submit"] {
   color: #000;
   font-weight: 500;
   font-size: 1.6rem;
-  line-height: 3.2rem;
+  line-height: 3.7rem;
   background: url(input_areas/images/ui/separator.png) no-repeat 0 50%;
   background-size: auto 100%;
   border-radius: 0;
@@ -353,10 +353,10 @@ form[role="search"] button[type="submit"][disabled] {
               url(input_areas/images/ui/background.png) repeat-x 0 100%;
 }
 
-form p button[type="reset"]:focus,
-form p button[type="reset"]::-moz-focus-inner {
+form button::-moz-focus-inner {
   border: none;
   outline: none;
+  margin-top: -0.2rem; /* To fix line-height bug (697451) */
 }
 
 /******************************************************************************