CSS updates to tweak some alignment and padding:

Vertical center on “Check Again” button under “Updates”
	Vertical center on “Remove” button under “My Items”
	Extra left padding on “No Pending Updates Text” under “Updates”
	Horizontal padding on Spinner under “Updates”
	Issue with barber poll gradient offset
	Artwork vertical center under “My Items”
This commit is contained in:
Christopher Grande
2014-05-30 16:56:57 -04:00
parent ce73f951e2
commit 3dc7f5df61
3 changed files with 18 additions and 8 deletions
@@ -894,7 +894,7 @@ div.msu-button button {
-webkit-border-radius: 0;
-webkit-font-smoothing: antialiased;
padding: 0;
margin: 4px 0 0 0;
margin: 0 0 0 0;
background: 0;
border: 0;
text-align: center;
@@ -941,6 +941,10 @@ div.msu-button.install-updates {
float: right;
}
div.msu-button.install-updates.in-header {
margin-top: -2px;
}
div.msu-button-inner.install-updates {
height: 23px;
position: relative;
@@ -1087,7 +1091,7 @@ div.progress-spinner {
float: left;
position: relative;
top: 6px;
left: -10px;
left: -14px;
}
p[data-text-truncate-lines] {
@@ -61,6 +61,11 @@ div.installations th {
display: block;
line-height: 32px
}
#update-count-string {
margin-left: -10px
}
div.installations th:first-child {
-webkit-border-top-left-radius: 5px
}
@@ -83,7 +88,7 @@ div.installations tbody tr:nth-of-type(even) {
}
.installation div.artwork {
position: absolute;
margin-top: 2px
margin-top: 3px
}
.installation img.artwork {
height: auto;
@@ -123,7 +128,8 @@ div.installations tbody tr:nth-of-type(even) {
#other-updates #os-updates,#os-and-app-updates #os-updates,
#os-and-app-updates #app-updates, div.subscribed-items {
margin: 0;
-webkit-border-radius: 0;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-box-shadow: none
}
#other-updates #os-updates,#os-and-app-updates #os-updates {
@@ -407,6 +413,7 @@ div.os-updates.expanded tbody tr.sosumi:before {
body.scanning .non-scan-progress,body.page-not-ready .non-scan-progress,body:not(.scanning):not(.page-not-ready) .scan-progress {
display: none
}
.activity-indicator {
-webkit-animation-name: rotatingLoader;
-webkit-animation-duration: .75s;
@@ -551,8 +558,7 @@ div.progress > span {
height: 100%;
padding: 0 2px;
margin: 0 -2px;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-radius: 4px;
-webkit-box-sizing: content-box;
background: -webkit-gradient(linear,left top,left bottom,from( #4C95DF),to( #3B64C8));
border-width: 0;
@@ -583,7 +589,7 @@ div.progress > span.indeterminate > span {
color-stop(.25, transparent), color-stop(.5, transparent),
color-stop(.5, rgba(255, 255, 255, .9)),
color-stop(.75, rgba(255, 255, 255, .9)),
color-stop(.75, transparent), to(transparent)
color-stop(.76, transparent), to(transparent)
);
z-index: 1;
-webkit-background-size: 20px 20px;
@@ -32,7 +32,7 @@
${warning_text}
</span>
<div class='progress-spinner ${hide_progress_spinner}' id="updates-progress-spinner"></div>
<div class="msu-button install-updates">
<div class="msu-button install-updates in-header">
<button class="button-area uppercase"
onClick="window.AppController.installButtonClicked();">
<div class="msu-button-inner install-updates ${install_all_button_classes}"