diff --git a/src/components/Toolbar.vue b/src/components/Toolbar.vue index d9509d5..be6037c 100644 --- a/src/components/Toolbar.vue +++ b/src/components/Toolbar.vue @@ -48,7 +48,7 @@ export default { } @include media-breakpoint-up(md){ //width: 80px; - width: 192px; + width: 100px; height: 28px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); @@ -58,6 +58,7 @@ export default { text-align: left; white-space: nowrap; line-height: 28px; + display: inline-block; } } @@ -98,16 +99,15 @@ export default { { background-color: black; //background-color: rgba(255,255,255,0); - //width: 100%; + width: 100%; @include media-breakpoint-between(xs, md) { - height: 16px; - margin: 3px 0 1px 0; + height: 28px; + //margin: 3px 0 1px 0; } @include media-breakpoint-up(md){ height: 28px; //max-width: 1371px; //min-width: 807.33px; - width: 100%; //margin: 34px 256px 0 256px; //margin-left: 256px; //margin-right: 256px; @@ -120,10 +120,12 @@ export default { { //float: right; @include media-breakpoint-between(xs, md) { - + width:88px; + height:16px; + margin-left: 3px; } @include media-breakpoint-up(md){ - margin-left: 256px; + margin-left: 100px; } } @@ -131,10 +133,11 @@ export default { { float: right; @include media-breakpoint-between(xs, md) { - + visibility: collapse; } @include media-breakpoint-up(md){ - + //width:100%; + display: inline-block; } } @@ -142,7 +145,7 @@ export default { { float: right; @include media-breakpoint-between(xs, md) { - + visibility: collapse; } @include media-breakpoint-up(md){ width: 23px; @@ -150,7 +153,7 @@ export default { //margin-top: 2px; //margin: 3px 0 0 30px; //top:3px; - margin-right: 285px; + margin-right: 100px; } } @@ -166,7 +169,7 @@ export default { align-items: center; justify-content: center; @include media-breakpoint-between(xs, md) { - height:22px; + height:70px; } @include media-breakpoint-up(md){ //height: 34px;