Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-24 01:18:42 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 59

Host Details Page: Spiffier vertically centered header (#2566)

Browse source
This commit is contained in:
RachelElysia 2021-10-19 10:07:55 -04:00 committed by GitHub
parent af5a9c37c0
commit a768a4402d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
frontend/pages/hosts/HostDetailsPage/_styles.scss
View file

@ -150,7 +150,7 @@
.hostname-container {
display: flex;
align-items: flex-end;
align-items: center;
}
.hostname {
@ -167,13 +167,14 @@
.refetch {
display: flex;
margin-right: $pad-small;
.refetch-btn {
color: $core-vibrant-blue;
cursor: default;
font-size: $x-small;
display: inline;
margin: 9px 0 0 0; // aligns with spinner
height: 38px;
margin-right: $pad-small;
&::before {
display: inline-block;
@ -181,8 +182,7 @@
padding: 5px 0 0 0; // centers spin
content: url(../assets/images/icon-refetch-12x12@2x.png);
transform: scale(0.5);
vertical-align: bottom;
height: 20px;
height: 28px;
}
&:hover {
@ -202,14 +202,13 @@
color: $core-vibrant-blue;
cursor: default;
font-size: $x-small;
display: inline;
height: 38px;
opacity: 50%;
filter: saturate(100%);
&::before {
display: inline-block;
position: relative;
top: 7px; // aligns with text
padding: 5px 0 0 0; // centers spin
display: inline-block;
content: url(../assets/images/icon-refetch-12x12@2x.png);
@ -304,7 +303,7 @@
&__action-button-container {
display: flex;
align-items: flex-start;
align-items: center;
}
&__query-button,