diff --git a/client/scss/components/_form.scss b/client/scss/components/_form.scss index e53b783..673e4a1 100644 --- a/client/scss/components/_form.scss +++ b/client/scss/components/_form.scss @@ -15,7 +15,7 @@ background-color: $bgColor; // Desktop Grid - @media only screen and (min-width: 800px) { + @media only screen and (min-width: 700px) { padding: 15px $boxPadding; display: grid; grid-template: "a b c d" "e e e e"; @@ -35,7 +35,7 @@ } // Mobile Grid - @media only screen and (max-width: 799px) { + @media only screen and (max-width: 699px) { padding: 10px; display: grid; justify-content: space-between; diff --git a/client/scss/components/_header.scss b/client/scss/components/_header.scss index d387699..c7cafce 100644 --- a/client/scss/components/_header.scss +++ b/client/scss/components/_header.scss @@ -73,7 +73,7 @@ ul#snippetOptions { display: flex; align-items: center; - + a:link, a:visited { color: $metaTextColor; text-decoration: underline; @@ -140,3 +140,9 @@ ul#snippetOptions { position: absolute; left: -9999px; } + +// Hide some options on mobile to make up space +@media only screen and (max-width: 700px) { + .option-type, .sep, .option-edit, .option-slim{ display: none; } + #copyHeadline { display: none; } +} diff --git a/dpaste/templates/dpaste/details.html b/dpaste/templates/dpaste/details.html index d0fe094..af29616 100644 --- a/dpaste/templates/dpaste/details.html +++ b/dpaste/templates/dpaste/details.html @@ -7,19 +7,20 @@ {% block body_type %}{%endblock %} {% block headline %} - {{ request.build_absolute_uri }} - - - - - - - +
+ {{ request.build_absolute_uri }} + + + + + + +
{% endblock %} {% block options %}