Properly translate message area off of screen

WebThingsIO · Aug 21, 2018 · 0ae5fab · 0ae5fab
1 parent b91f8e1
commit 0ae5fab
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/static/css/app.css b/static/css/app.css
@@ -214,7 +214,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 #message-area.hidden {
-  transform: translateY(10rem);
+  transform: translateY(100%) translateY(4rem);
 }
 
 @media only screen and (max-width: 730px) {