diff options
| author | Tyler Schicke <tyler_schicke@brown.edu> | 2019-03-17 21:58:23 -0400 |
|---|---|---|
| committer | Tyler Schicke <tyler_schicke@brown.edu> | 2019-03-17 21:58:23 -0400 |
| commit | 196c991ac857c8df4ddc5458c58c2f69169d5768 (patch) | |
| tree | 2b86b959d80f45ccf8291f373923a757778e27da /src/client/views/nodes/LinkBox.scss | |
| parent | 44d669b46616e561aef874471d2740a4f205d9f0 (diff) | |
| parent | 8433cc2b1c4d838930c3812d140678011b06e728 (diff) | |
Merge branch 'master' of github-tsch-brown:browngraphicslab/Dash-Web into schema_columns
Diffstat (limited to 'src/client/views/nodes/LinkBox.scss')
| -rw-r--r-- | src/client/views/nodes/LinkBox.scss | 42 |
1 files changed, 34 insertions, 8 deletions
diff --git a/src/client/views/nodes/LinkBox.scss b/src/client/views/nodes/LinkBox.scss index 00e5ebb3d..5d5f782d2 100644 --- a/src/client/views/nodes/LinkBox.scss +++ b/src/client/views/nodes/LinkBox.scss @@ -1,13 +1,14 @@ +@import "../global_variables"; .link-container { width: 100%; - height: 30px; + height: 35px; display: flex; flex-direction: row; border-top: 0.5px solid #bababa; } .info-container { - width: 60%; + width: 55%; padding-top: 5px; padding-left: 5px; display: flex; @@ -23,17 +24,42 @@ } .button-container { - width: 40%; + width: 45%; display: flex; flex-direction: row; } .button { - height: 15px; - width: 15px; - margin: 8px 5px; + height: 20px; + width: 20px; + margin: 8px 4px; border-radius: 50%; - opacity: 0.6; + opacity: 0.9; pointer-events: auto; - background-color: #2B6091; + background-color: $dark-color; + color: $light-color; + text-transform: uppercase; + letter-spacing: 2px; + font-size: 60%; + transition: transform 0.2s; +} + +.button:hover { + background: $main-accent; + cursor: pointer; +} + +.fa-icon-view { + margin-left: 3px; + margin-top: 5px; +} + +.fa-icon-edit { + margin-left: 5px; + margin-top: 5px; +} + +.fa-icon-delete { + margin-left: 6px; + margin-top: 5px; }
\ No newline at end of file |