From 0ce07b0c7b1e74b2eae71bd1079f3fe19fae6906 Mon Sep 17 00:00:00 2001 From: Ethan Dalool Date: Thu, 20 Jul 2017 23:08:58 -0700 Subject: [PATCH] Use over-under style for #right on narrow displays. --- frontends/etiquette_flask/templates/tags.html | 24 +++++++++++++++++++ 1 file changed, 24 insertions(+) diff --git a/frontends/etiquette_flask/templates/tags.html b/frontends/etiquette_flask/templates/tags.html index fd201e2..6302d99 100644 --- a/frontends/etiquette_flask/templates/tags.html +++ b/frontends/etiquette_flask/templates/tags.html @@ -74,6 +74,30 @@ body background-color: rgba(0, 0, 0, 0.1); } +@media screen and (max-width: 800px) +{ + #content_body + { + flex-direction: column; + } + #right + { + width: initial; + height: 216px; + } + #right_inner + { + flex-direction: row; + + position: initial; + left: initial; + right: initial; + bottom: initial; + top: initial; + width: initial; + height: 200px; + } +}