diff --git a/src/components/banner.css b/src/components/banner.css
index e1fcbbd..13ce089 100644
--- a/src/components/banner.css
+++ b/src/components/banner.css
@@ -15,6 +15,10 @@
@media (--mobile) {
height: var(--announcement-bar-height--mobile);
+ padding-bottom: 15px;
+ padding-left: 10px;
+ padding-right: 10px;
+ width: 95vw;
}
}
diff --git a/src/components/banner.js b/src/components/banner.js
index 4464c6c..0f8f94a 100644
--- a/src/components/banner.js
+++ b/src/components/banner.js
@@ -7,7 +7,7 @@ export default function Banner() {
return (
-
Click here to find preprints on COVID-19 with reviews or requests for reviews.
+
Click here to find preprints on COVID-19 with reviews or requests for reviews.
Click here to read OASPA's open letter of intent to ensure rapid review of key work related to COVID-19.
diff --git a/src/components/dashboard.css b/src/components/dashboard.css
index 602835a..e11c4c4 100644
--- a/src/components/dashboard.css
+++ b/src/components/dashboard.css
@@ -1,6 +1,61 @@
.dashboard {
+ margin-bottom: 2em;
width: 96vw;
+ & .dashboard__activity {
+ align-items: flex-start;
+ display: flex;
+ margin-left: -10px;
+ margin-top: 30px;
+
+ & .dashboard__activity_item {
+ border: 1px solid var(--light-grey);
+ border-radius: 8px;
+ padding: 10px;
+ margin-left: 10px;
+
+ &:first-child {
+ width: 60%;
+
+ @media (--mid) {
+ margin-left: 0;
+ width: 90%;
+ }
+ }
+
+ &:last-child {
+ width: 40%;
+
+ @media (--mid) {
+ margin-left: 0;
+ margin-top: 20px;
+ width: 90%;
+ }
+ }
+
+ & .dashboard__activity_item_list {
+ padding-left: 16px;
+
+ & li {
+ &:not(:last-child) {
+ margin-bottom: 5px;
+ }
+ }
+ }
+
+ & .dashboard__activity_item_text {
+ &:not(:last-child) {
+ margin-bottom: 10px;
+ }
+ }
+ }
+
+ @media (--mid) {
+ display: block;
+ margin-left: 0;
+ }
+ }
+
& .dashboard__checkbox {
position: relative;
}
@@ -21,6 +76,10 @@
display: block;
margin-left: 0;
}
+
+ @media (--mobile) {
+ margin-top: 0;
+ }
}
& .dashboard__flex_item {
@@ -81,7 +140,7 @@
}
}
- & .dashboard__tags {
+ & .dashboard__pagination {
display: flex;
justify-content: center;
}
@@ -110,60 +169,22 @@
& .preprint-card__tag-list {
list-style: none;
}
+
+ @media (--mobile) {
+ width: 88vw;
+ }
}
}
- & .dashboard__activity {
- align-items: flex-start;
+ & .dashboard__tags {
display: flex;
- margin-left: -10px;
- margin-top: 30px;
-
- & .dashboard__activity_item {
- border: 1px solid var(--light-grey);
- border-radius: 8px;
- padding: 10px;
- margin-left: 10px;
-
- &:first-child {
- width: 60%;
-
- @media (--mid) {
- margin-left: 0;
- width: 90%;
- }
- }
-
- &:last-child {
- width: 40%;
-
- @media (--mid) {
- margin-left: 0;
- margin-top: 20px;
- width: 90%;
- }
- }
-
- & .dashboard__activity_item_list {
- padding-left: 16px;
-
- & li {
- &:not(:last-child) {
- margin-bottom: 5px;
- }
- }
- }
-
- & .dashboard__activity_item_text {
- &:not(:last-child) {
- margin-bottom: 10px;
- }
- }
- }
+ justify-content: center;
+ }
- @media (--mid) {
- display: block;
- margin-left: 0;
+ .preprint-card__server-id {
+ a {
+ word-wrap: break-word;
+ word-wrap: anywhere;
}
}
@@ -171,6 +192,7 @@
border-top: unset;
box-shadow: unset;
position: relative;
+ margin-top: 0;
top: unset;
width: unset;
z-index: unset;
@@ -182,6 +204,18 @@
.sort-options {
justify-content: space-between;
+
+ @media (--mobile) {
+ flex-wrap: wrap;
+ justify-content: flex-start;
+ }
+ }
+
+ .sort-options__item {
+ @media (--mobile) {
+ margin-top: 10px;
+ width: 34%;
+ }
}
.sort-options__item:last-of-type {
@@ -191,6 +225,10 @@
@media (--mid) {
width: 92vw;
}
+
+ @media (--mobile) {
+ margin-top: 30px;
+ }
}
#Dashboard {
diff --git a/src/components/dashboard.js b/src/components/dashboard.js
index cf84a94..2f08c95 100644
--- a/src/components/dashboard.js
+++ b/src/components/dashboard.js
@@ -374,7 +374,7 @@ export default function Dashboard() {
)}
-
+
{!!(location.state && location.state.bookmark) && (