diff --git a/client/styles/components/_collection.scss b/client/styles/components/_collection.scss index 541d5eb1c7..b43f4166c2 100644 --- a/client/styles/components/_collection.scss +++ b/client/styles/components/_collection.scss @@ -31,12 +31,17 @@ .collection-metadata__column--right { align-self: flex-end; - display: flex; flex-direction: row; justify-content: flex-end; } +@media (max-width: 529px) { + .collection-metadata__column--right { + flex-direction: column; + } +} + .collection-metadata__column--right > * { margin-left: #{10 / $base-font-size}rem; } diff --git a/client/styles/components/_dashboard-header.scss b/client/styles/components/_dashboard-header.scss index 6d0e780f36..8fc1887d08 100644 --- a/client/styles/components/_dashboard-header.scss +++ b/client/styles/components/_dashboard-header.scss @@ -62,9 +62,6 @@ padding: 0 #{5 /$base-font-size}rem #{5 /$base-font-size}rem; } -.dashboard-header__nav { -} - .dashboard-header__actions { display: flex; align-items: center; @@ -72,6 +69,11 @@ justify-content: space-between; } +@media (max-width: 500px) { + .dashboard-header__actions { + flex-direction: column; + } +} .dashboard-header__actions > *:not(:first-child) { margin-left: #{15 / $base-font-size}rem; } diff --git a/client/styles/components/_quick-add.scss b/client/styles/components/_quick-add.scss index 35b6bcef8c..9349d59cc2 100644 --- a/client/styles/components/_quick-add.scss +++ b/client/styles/components/_quick-add.scss @@ -39,6 +39,7 @@ .quick-add__item-name { flex: 1; + color: white; } .quick-add__icon { diff --git a/client/styles/components/_sketch-list.scss b/client/styles/components/_sketch-list.scss index b03381b091..d17e939e52 100644 --- a/client/styles/components/_sketch-list.scss +++ b/client/styles/components/_sketch-list.scss @@ -1,7 +1,7 @@ .sketches-table-container { overflow-y: auto; max-width: 100%; - min-height: 100%; + height: 100vh; } .sketches-table {