Commit 92efa80

fix: wrap nav and sticky boxes

1@@ -5,7 +5,7 @@
2 {{end}}
3 
4 {{define "content"}}
5-  <div class="box sticky flex items-center gap border-visited" style="margin: 0 !important;">
6+  <div class="box sticky flex items-center gap border-visited flex-wrap" style="margin: 0 !important;">
7     <code>{{.RevData.Name}}</code>
8 
9     {{range .Item.Crumbs}}

1@@ -1,6 +1,6 @@
2 {{define "header"}}
3 <div class="flex flex-col">
4-  <nav class="flex gap">
5+  <nav class="flex gap flex-wrap">
6     <a class="btn-nav {{if eq .ActivePage `readme`}}btn-active{{end}}" href="{{.SiteURLs.SummaryURL}}">{{.Repo.RepoName}}</a>
7     <a class="btn-nav flex items-center {{if eq .ActivePage `code`}}btn-active{{end}}" href="{{.RevData.TreeURL}}">
8       <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="16" width="16" viewBox="0 0 16 16" style="margin-right: 5px;">

1@@ -5,7 +5,7 @@
2 
3 {{define "content"}}
4   <div class="group-2">
5-    <div class="box sticky flex items-center gap border-visited" style="margin: 0 !important;">
6+    <div class="box sticky flex items-center gap border-visited flex-wrap" style="margin: 0 !important;">
7       <code>{{.RevData.Name}}</code>
8       <div>
9         <span class="font-bold">{{.NumCommits}}</span> commits

1@@ -4,7 +4,7 @@
2 {{define "meta"}}{{end}}
3 
4 {{define "content"}}
5-  <div class="box sticky flex items-center gap border-visited">
6+  <div class="box sticky flex items-center gap border-visited flex-wrap">
7     <code>{{.RevData.Name}}</code>
8 
9     {{range .Tree.Crumbs}}

 1@@ -161,6 +161,10 @@ footer {
 2   flex-direction: column;
 3 }
 4 
 5+.flex-wrap {
 6+  flex-wrap: wrap;
 7+}
 8+
 9 .items-center {
10   align-items: center;
11 }