#dev-controls .buttons-container {
display: -webkit-box;
+ height: 32px; /* height + padding-top matches #dev-controls height. */
padding-top: 13px;
}
}
#apps-developer-tools-promo {
- -webkit-margin-before: 15px;
- -webkit-padding-before: 5px;
-webkit-padding-end: 3px;
align-items: center;
border-top: 1px solid #eee;
display: flex;
font-size: 13px;
+ margin-top: 7px; /* This matches #dev-controls padding-bottom. */
+ padding-top: 5px;
}
#apps-developer-tools-promo img {
}
.action-links {
- -webkit-margin-after: 0.5em;
+ margin-bottom: 0.5em;
}
-.action-links :-webkit-any(a, .link-button) {
+.action-links a {
-webkit-margin-end: 1em;
-webkit-margin-start: 0;
}
position: relative;
}
-/* We use x.link-button here so that we get higher specifity than the
- * link-button rules without resorting to the Dark Side (!IMPORTANT). */
-.terminated-reload-link.link-button,
-.corrupted-repair-button.link-button {
+/* We use x[is='action-link'] here so that we get higher specifity than the
+ * action link rules without resorting to the Dark Side (!IMPORTANT). */
+.terminated-reload-link[is='action-link'],
+.corrupted-repair-button[is='action-link'] {
/* Matches width of trash. */
-webkit-margin-end: 30px;
}
}
.extension-highlight {
- background: rgb(238, 238, 238);
- background-position: auto;
- background-repeat: auto;
+ background: rgb(250, 250, 250);
border-radius: 3px;
padding: 5px 0 5px 5px;
}