feat(example-site): add separator elem to document actions

andis-sprinkis · Jul 31, 2024 · 26920c1 · 26920c1
1 parent 9171e04
commit 26920c1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/site/documents/index/static/styles.css b/site/documents/index/static/styles.css
@@ -523,7 +523,7 @@ pre code {
 }
 
 .nav-document-actions {
-  margin-top: calc(2 * var(--grid-gap));
+  margin-top: calc(1 * var(--grid-gap));
 }
 
 .nav-document-actions > ul.inline-list-spread {

diff --git a/site/documents/nested_page/_block_layout_nested_children.html b/site/documents/nested_page/_block_layout_nested_children.html
@@ -74,8 +74,9 @@ <h2>Inline separator separated unordered list</h2>
   <h2>Preformatted text</h2>
   <!-- prettier-ignore -->
   <pre tabindex="0"><code><!-- _pre_preformatted_example.html --></code></pre>
-  <nav class="nav-document-actions text-small" aria-label="The document actions">
-    <ul class="inline-list-spread">
+  <nav class="nav-document-actions" aria-label="The document actions">
+    <hr />
+    <ul class="inline-list-spread text-small">
       <li class="js-only"><button onClick="window.print()">Save to PDF or Print</button></li>
       <li><button>Dummy</button></li>
       <li><span><a href="/">Dummy</a></span></li>