diff --git a/site/src/routes/repl/_components/AppControls/UserMenu.html b/site/src/routes/repl/_components/AppControls/UserMenu.html index c1ec7ede34..eff898df82 100644 --- a/site/src/routes/repl/_components/AppControls/UserMenu.html +++ b/site/src/routes/repl/_components/AppControls/UserMenu.html @@ -85,7 +85,7 @@ opacity: 1; } - @media (min-width: 768px) { + @media (min-width: 600px) { .user { padding: 0em 3.2rem 0 1.6rem; } diff --git a/site/src/routes/repl/_components/AppControls/index.html b/site/src/routes/repl/_components/AppControls/index.html index 48fff29e1f..fcc9ab4ee0 100644 --- a/site/src/routes/repl/_components/AppControls/index.html +++ b/site/src/routes/repl/_components/AppControls/index.html @@ -344,7 +344,7 @@ export default app;` }); display: none; } - @media (min-width: 768px) { + @media (min-width: 600px) { .icon[title^='fullscreen'] { display: inline } button span { diff --git a/site/src/routes/repl/_components/CodeMirror.html b/site/src/routes/repl/_components/CodeMirror.html index 3f227e8b27..bb8c72b281 100644 --- a/site/src/routes/repl/_components/CodeMirror.html +++ b/site/src/routes/repl/_components/CodeMirror.html @@ -148,6 +148,8 @@ .codemirror-container { position: relative; width: 100%; + height: 100%; + border: none; } .codemirror-container :global(.CodeMirror) { @@ -166,17 +168,6 @@ padding: 0; } - @media (min-width: 768px) { - .codemirror-container { - height: 100%; - border: none; - } - - .codemirror-container :global(.CodeMirror) { - height: 100%; - } - } - .codemirror-container :global(.CodeMirror-gutters) { padding: 0 1.6rem 0 .8rem; border: none; diff --git a/site/src/routes/repl/_components/Input/ComponentSelector.html b/site/src/routes/repl/_components/Input/ComponentSelector.html index 39ce470471..a086e3ba94 100644 --- a/site/src/routes/repl/_components/Input/ComponentSelector.html +++ b/site/src/routes/repl/_components/Input/ComponentSelector.html @@ -168,7 +168,7 @@