diff options
| author | Geireann Lindfield Roberts <60007097+geireann@users.noreply.github.com> | 2021-07-31 00:27:43 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-07-31 00:27:43 -0400 |
| commit | 970ea305fde86c6d33fc08c8880ef258b7b318bc (patch) | |
| tree | 86868725d06045356802cf0a7a059170840e88b0 /src/client/views/collections/CollectionLinearView.scss | |
| parent | b6b2057cf28e8c0d3c22b9056074fe5155602d0a (diff) | |
| parent | 8bc755595dbe21cafb768efc3650b0b14d33f7df (diff) | |
Merge pull request #22 from brown-dash/linking-anh
Linking anh
Diffstat (limited to 'src/client/views/collections/CollectionLinearView.scss')
| -rw-r--r-- | src/client/views/collections/CollectionLinearView.scss | 23 |
1 files changed, 13 insertions, 10 deletions
diff --git a/src/client/views/collections/CollectionLinearView.scss b/src/client/views/collections/CollectionLinearView.scss index ec8805907..86610ac20 100644 --- a/src/client/views/collections/CollectionLinearView.scss +++ b/src/client/views/collections/CollectionLinearView.scss @@ -20,19 +20,21 @@ } .bottomPopup-background { - padding-right: 14px; + background: $light-blue; + display: flex; height: 35; - transform: translate3d(6px, 5px, 0px); - padding-top: 6.5px; - padding-bottom: 7px; - padding-left: 5px; + transform: translate3d(6px, 0px, 0px); + align-content: center; + justify-content: center; + align-items: center; } .bottomPopup-text { + color: black; display: inline; white-space: nowrap; padding-left: 8px; - padding-right: 4px; + padding-right: 20px; vertical-align: middle; font-size: 12.5px; } @@ -43,8 +45,8 @@ padding-left: 8px; padding-right: 8px; vertical-align: middle; - background-color: lightgrey; - border-radius: 5.5px; + background-color: #efefef; + border-radius: 3px; color: black; margin-right: 5px; } @@ -52,11 +54,12 @@ .bottomPopup-exit { display: inline; white-space: nowrap; + margin-right: 10px; padding-left: 8px; padding-right: 8px; vertical-align: middle; - background-color: lightgrey; - border-radius: 5.5px; + background-color: #f3b6b6; + border-radius: 3px; color: black; } |