diff --git a/frontend/src/app/bisq/bisq-dashboard/bisq-dashboard.component.scss b/frontend/src/app/bisq/bisq-dashboard/bisq-dashboard.component.scss index 3d19ba54d..6248f9461 100644 --- a/frontend/src/app/bisq/bisq-dashboard/bisq-dashboard.component.scss +++ b/frontend/src/app/bisq/bisq-dashboard/bisq-dashboard.component.scss @@ -17,19 +17,6 @@ z-index: 100; } -.table-container { - overflow: scroll; - -ms-overflow-style: none; - scrollbar-width: none; - font-size: 13px; - @media(min-width: 576px){ - font-size: 16px; - } - &::-webkit-scrollbar { - display: none; - } -} - .container-info{ overflow-x: scroll; } \ No newline at end of file diff --git a/frontend/src/app/bisq/bisq-main-dashboard/bisq-main-dashboard.component.scss b/frontend/src/app/bisq/bisq-main-dashboard/bisq-main-dashboard.component.scss index 1dacf1b69..4eeeee64e 100644 --- a/frontend/src/app/bisq/bisq-main-dashboard/bisq-main-dashboard.component.scss +++ b/frontend/src/app/bisq/bisq-main-dashboard/bisq-main-dashboard.component.scss @@ -18,15 +18,44 @@ } .table-container { - font-size: 13px; - @media(min-width: 576px){ - font-size: 16px; + overflow: scroll; + scrollbar-width: none; + font-size: 13px; + &::-webkit-scrollbar { + display: none; + } + @media(min-width: 576px){ + font-size: 16px; + } + thead th{ + text-align: right; + &:first-child { + text-align: left; } - &::-webkit-scrollbar { + &:nth-child(3) { + display: none; + @media(min-width: 1100px){ + display: table-cell; + } + } + } + tr { + td { + text-align: right; + &:first-child { + text-align: left; + } + &:nth-child(3) { display: none; + @media(min-width: 1100px){ + display: table-cell; + } + } } + } } + .chart-container { height: 300px; } @@ -41,44 +70,43 @@ background-color: #1d1f31; height: 100%; } - + .card-title { color: #4a68b9; font-size: 1rem; } - + .info-block { float: left; width: 350px; line-height: 25px; } - + .progress { display: inline-flex; width: 100%; background-color: #2d3348; height: 1.1rem; } - + .bg-warning { background-color: #b58800 !important; } - + .skeleton-loader { max-width: 100%; &.shorter { max-width: 150px; } } - + .more-padding { padding: 1.25rem 2rem 1.25rem 2rem; } - + .graph-card { height: 100%; @media (min-width: 992px) { height: 385px; } } - \ No newline at end of file diff --git a/frontend/src/app/bisq/bisq-trades/bisq-trades.component.scss b/frontend/src/app/bisq/bisq-trades/bisq-trades.component.scss index 2b11649cf..a7c82834d 100644 --- a/frontend/src/app/bisq/bisq-trades/bisq-trades.component.scss +++ b/frontend/src/app/bisq/bisq-trades/bisq-trades.component.scss @@ -1,12 +1,38 @@ + .table-container { - overflow: scroll; - -ms-overflow-style: none; - scrollbar-width: none; - font-size: 13px; - @media(min-width: 576px){ - font-size: 16px; + overflow: scroll; + scrollbar-width: none; + font-size: 13px; + &::-webkit-scrollbar { + display: none; + } + @media(min-width: 576px){ + font-size: 16px; + } + thead th{ + text-align: right; + &:first-child{ + text-align: left; } - &::-webkit-scrollbar { + &:nth-child(2) { + display: none; + @media(min-width: 1100px){ + display: table-cell; + } + } + } + tr { + td { + text-align: right; + &:first-child{ + text-align: left; + } + &:nth-child(2) { display: none; + @media(min-width: 1100px){ + display: table-cell; + } + } } + } } diff --git a/frontend/src/app/components/bisq-master-page/bisq-master-page.component.scss b/frontend/src/app/components/bisq-master-page/bisq-master-page.component.scss index 535b82d03..b36d91ae2 100644 --- a/frontend/src/app/components/bisq-master-page/bisq-master-page.component.scss +++ b/frontend/src/app/components/bisq-master-page/bisq-master-page.component.scss @@ -12,7 +12,7 @@ fa-icon { } li.nav-item { - margin: auto 10px; + margin: auto 5px; padding-left: 10px; padding-right: 10px; }