diff --git a/scipost/static/scipost/assets/config/preconfig.scss b/scipost/static/scipost/assets/config/preconfig.scss index a9b5266ee232496003ad1e192a0c62ba668a0b79..8a914a5a142d8fd123d4e3f52a8db21a22090f64 100644 --- a/scipost/static/scipost/assets/config/preconfig.scss +++ b/scipost/static/scipost/assets/config/preconfig.scss @@ -152,7 +152,6 @@ $blockquote-font-size: $font-size-base; $popover-border-color: #dddddd; $popover-arrow-width: 5px; $popover-arrow-height: 5px; -// $popover-arrow-color: $popover-bg; $popover-max-width: 500px; $popover-arrow-outer-width: ($popover-arrow-width + 1px); diff --git a/scipost/static/scipost/assets/css/_breadcrumb.scss b/scipost/static/scipost/assets/css/_breadcrumb.scss index 633e86b5918e2f684f9b680841de16114693fd09..5cc416301fa869a9cc88185de1c647211e8e5360 100644 --- a/scipost/static/scipost/assets/css/_breadcrumb.scss +++ b/scipost/static/scipost/assets/css/_breadcrumb.scss @@ -11,6 +11,8 @@ white-space: nowrap; overflow: auto; padding: 0.5rem 1.0rem; + display: flex; + flex-direction: row; .breadcrumb-item { margin-bottom: 0; diff --git a/scipost/static/scipost/assets/css/_grid.scss b/scipost/static/scipost/assets/css/_grid.scss index d601f5e6428c863f2c20c7618c5e118f66880ea1..7e8c8f31d98257811178d1340cc48f34d15da12b 100644 --- a/scipost/static/scipost/assets/css/_grid.scss +++ b/scipost/static/scipost/assets/css/_grid.scss @@ -28,12 +28,20 @@ footer.secondary { .container-inner { - padding: $grid-gutter-width; + padding: ($grid-gutter-width / 2); background-color: $white; } .container { max-width: 1500px; - padding-left: 30px; - padding-right: 30px; +} + +@media screen and (min-width: 768px) { + .container-inner { + padding: $grid-gutter-width; + } + .container { + padding-left: 30px; + padding-right: 30px; + } } diff --git a/scipost/static/scipost/assets/css/_journals.scss b/scipost/static/scipost/assets/css/_journals.scss index 490351d34a4027661c60611b65fa9f5d33d07893..f50b7493f412c0e334ce8bcaebf356e5e3411b57 100644 --- a/scipost/static/scipost/assets/css/_journals.scss +++ b/scipost/static/scipost/assets/css/_journals.scss @@ -67,6 +67,7 @@ ul.publicationClickables { display: inline-block; margin: 0 10px; padding: 5px; + width: 100%; &.publicationPDF { font-size: 130%; @@ -74,6 +75,11 @@ ul.publicationClickables { } } } +@media screen and (min-width: 768px) { + ul.publicationClickables li { + width: auto; + } +} .publication { diff --git a/scipost/static/scipost/assets/css/_navbar.scss b/scipost/static/scipost/assets/css/_navbar.scss index 8b32a2115a3afdcae2c6d4f521dbdf295a5c026e..d2d7c500ef60b33ddeea1bac698c07f7b765d5fd 100644 --- a/scipost/static/scipost/assets/css/_navbar.scss +++ b/scipost/static/scipost/assets/css/_navbar.scss @@ -125,9 +125,9 @@ min-width: 16px; line-height: 10px; display: none; - padding: 0.25em; + padding: 0.2em; border-radius: 99px; - border: 1px solid $white; + border: 1px solid $scipost-lightblue; background-color: $white; color: $scipost-lightblue; } diff --git a/scipost/static/scipost/assets/css/_notifications.scss b/scipost/static/scipost/assets/css/_notifications.scss index a607b5af07920ee0261f7ee60c0abd62e64e18ee..2338ec63b5217d12980d3c1b0ef5c2d4e70fb368 100644 --- a/scipost/static/scipost/assets/css/_notifications.scss +++ b/scipost/static/scipost/assets/css/_notifications.scss @@ -30,7 +30,9 @@ } } - +.popover { + top: 9px !important; +} .popover-template { display: none; } diff --git a/scipost/static/scipost/assets/css/scipost-physics.scss b/scipost/static/scipost/assets/css/scipost-physics.scss index 381822f4dfd9e0796319f1ec57093e9eb95c18a5..858e3465db889e415399115d6c2e34dead7e6f97 100644 --- a/scipost/static/scipost/assets/css/scipost-physics.scss +++ b/scipost/static/scipost/assets/css/scipost-physics.scss @@ -11,18 +11,21 @@ .links { background-color: #ddd; - display: inline-block; + display: flex; font-size: 16px; border-radius: $card-border-radius; border: 1px solid #c5c5c5; margin: 0; width: 100%; padding: 0; + flex-direction: row; + overflow: auto; + list-style: none; > li { - display: inline-block; margin: 0; padding: 0.5rem; + white-space: nowrap; a { padding: 0.25rem 0.75rem;