diff --git a/src/theme.scss b/src/theme.scss index 317dcc50b..9957e194d 100644 --- a/src/theme.scss +++ b/src/theme.scss @@ -236,6 +236,11 @@ h1, h2, h3 { font-family: $font-family-heading; } +.view-header { + padding-left: 15px; + padding-right: 15px; +} + .offscreen { position: absolute; left: -999em; @@ -292,7 +297,7 @@ h1, h2, h3 { .grid-item-actions { display: block; position: absolute; - top: 20px; + top: 26px; right: -10px; opacity: 0; background-color: transparent; @@ -311,8 +316,31 @@ h1, h2, h3 { .app-update-badge { position: absolute; - right: 0; + left: 0; top: 0; + width: 100%; + + display: flex; + justify-content: center; + align-items: center; + + font-size: 16px; + background-color: $brand-success; + color: white; + cursor: pointer; + + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + + transition: all 100ms ease-out; + + &:hover { + transform: scale(1.1); + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + } } .app-postinstall-message { @@ -520,14 +548,6 @@ multiselect { } } -.scale-small { - transition: transform 100ms ease-out; - - &:hover { - transform: scale(1.5) - } -} - .loading-banner { padding-top: 150px; text-align: center; diff --git a/src/views/apps.html b/src/views/apps.html index 9d37ef1bd..5edb948ed 100644 --- a/src/views/apps.html +++ b/src/views/apps.html @@ -514,9 +514,7 @@
-
-

Your Apps

-
+

Your Apps

@@ -579,13 +577,8 @@
-
- - - - - - +
+ Update available