Fixed toolbar on small screens

1 files changed, 11 insertions, 5 deletions

diff --git a/style.css b/style.css
index 8d42cd7..671aaf4 100644
--- a/style.css
+++ b/style.css
@@ -77,10 +77,10 @@ body {
 }
 
 .toolbar-wrap {
-	max-width: unset;
+	max-width: 26em;
 	position: absolute;
-	width: 26em;
-	left: -26em;
+	width: 100%;
+	left: max(-100%, -26em);
 	top: 0;
 	transition: left 0.3s;
 	z-index: 10000;
@@ -93,11 +93,17 @@ body {
 .toolbar-wrap button {
 	position: absolute;
 	top: 1em;
-	left: calc(100% + 1em);
+	right: -7em;
 	background: #282828;
 	border: 1px solid #504945;
 	color: #ebdbd2;
-	padding: 0.5em 0.8em;
+	width: 6em;
+	padding: 0.5em;
+	transition: right 0.3s;
+}
+
+.toolbar-wrap.enabled button {
+	right: 1em;
 }
 
 .toolbar-wrap button:hover {