fix layout of button and input is broken in narrow screen

rhysd · May 11, 2024 · 7e91feb · 7e91feb
1 parent 41e7d4f
commit 7e91feb
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/playground/index.html b/playground/index.html
@@ -25,7 +25,7 @@
         <h1 class="title"><a id="logo" rel="noopener" href="https://github.com/rhysd/actionlint"><i class="devicon-github-original"></i></a> actionlint playground</h1>
         <h2 class="subtitle">Static checker for GitHub Actions workflow files</h2>
       </header>
-      <div class="navbar-end">
+      <div id="controls" class="navbar-end">
         <div class="control">
           <a id="permalink-btn" class="button">Permalink</a>
         </div>

diff --git a/playground/style.css b/playground/style.css
@@ -28,6 +28,12 @@ main {
   }
 }
 
+#controls {
+  display: flex;
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
 .split-pane {
   box-sizing: border-box;
   padding: 8px;