Prevent displacement of nav items when selected. (#35)

1 files changed, 4 insertions, 4 deletions

diff --git a/assets/css/template-styles.css b/assets/css/template-styles.css
index 9ca6f8c..a4bb338 100644
--- a/assets/css/template-styles.css
+++ b/assets/css/template-styles.css
@@ -367,6 +367,7 @@ caption {
 .patterns {
     overflow: auto;
     margin-top: 1.5rem;
+    min-width: max-content;
 }
 .patterns * {
     margin-top: 0;
@@ -382,7 +383,6 @@ caption {
     list-style: none;
 }
 .patterns li + li {
-    margin-top: 0.75rem;
 }
 .patterns ul ul {
     margin-left: 0.75rem;
@@ -394,6 +394,8 @@ caption {
     align-items: baseline;
     font-weight: bold;
     padding: 0 1rem;
+    padding-top: 0.5em;
+    padding-bottom: 0.5em;
 }
 .pattern a:focus {
     outline: none;
@@ -407,8 +409,6 @@ caption {
   background-color: #111;
   clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
   color: #fefefe;
-  padding-top: 0.5em;
-  padding-bottom: 0.5em;
 }
 
 /* Menu button */
@@ -1033,4 +1033,4 @@ h1 svg {
 ::selection {
   background: rgba(0,0,0,.8);
   color: #fefefe;
-}
\ No newline at end of file
+}