aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/CollectionLinearView.scss
diff options
context:
space:
mode:
authoreeng5 <eleanor.eng5@gmail.com>2019-11-19 17:47:13 -0500
committereeng5 <eleanor.eng5@gmail.com>2019-11-19 17:47:13 -0500
commit7d89d10a3d43755c267fd48e18701d457ae7aa1c (patch)
tree059312d4d2dfeaa96b5e272abc7608b0d68b96b4 /src/client/views/CollectionLinearView.scss
parentab285371f6fb2a4f1e64888bafbc84b602f23416 (diff)
parent667d196a2cbc8e237de5be9a6f7ec4ecca9d2bb5 (diff)
Merge branch 'master' of https://github.com/browngraphicslab/Dash-Web into server_refactor
Diffstat (limited to 'src/client/views/CollectionLinearView.scss')
-rw-r--r--src/client/views/CollectionLinearView.scss30
1 files changed, 16 insertions, 14 deletions
diff --git a/src/client/views/CollectionLinearView.scss b/src/client/views/CollectionLinearView.scss
index 1e6bb5922..81210d7ae 100644
--- a/src/client/views/CollectionLinearView.scss
+++ b/src/client/views/CollectionLinearView.scss
@@ -4,26 +4,26 @@
.collectionLinearView-outer{
overflow: hidden;
height:100%;
- padding:5px;
.collectionLinearView {
display:flex;
+ height: 100%;
>label {
background: $dark-color;
color: $light-color;
display: inline-block;
border-radius: 18px;
- font-size: 25px;
- width: 36px;
- height: 36px;
- margin-right: 10px;
+ font-size: 12.5px;
+ width: 18px;
+ height: 18px;
+ margin-top:auto;
+ margin-bottom:auto;
+ margin-right: 3px;
cursor: pointer;
transition: transform 0.2s;
}
label p {
- padding-left: 10.5px;
- width: 500px;
- height: 500px;
+ padding-left:5px;
}
label:hover {
@@ -47,20 +47,22 @@
.collectionLinearView-content {
display: flex;
opacity: 1;
- padding: 0;
position: relative;
+ margin-top: auto;
- .collectionLinearView-docBtn {
+ .collectionLinearView-docBtn, .collectionLinearView-docBtn-scalable {
position:relative;
- margin-right: 10px;
+ margin:auto;
+ margin-left: 3px;
+ transform-origin: center 80%;
}
- .collectionLinearView-docBtn:hover {
+ .collectionLinearView-docBtn-scalable:hover {
transform: scale(1.15);
}
.collectionLinearView-round-button {
- width: 36px;
- height: 36px;
+ width: 18px;
+ height: 18px;
border-radius: 18px;
font-size: 15px;
}