∆

futureofcoding · Aug 8, 2024 · 05c794f · 05c794f
1 parent 1b385f0
commit 05c794f
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 22 deletions.
diff --git a/assets/styles.css b/assets/styles.css
@@ -49,7 +49,7 @@
 @media(max-width: 800px) {
   :root {
     --logo-width: 8em;
-    --nav-a-pad: .25em;
+    --nav-a-pad: .15em;
   }
 }
 
@@ -98,12 +98,12 @@ main {
 header {
   grid-area: header;
   display: flex;
-  gap: var(--half-pad);
 }
 
 @media(min-width: 801px) { /* Wide layout */
   header {
     flex-flow: column;
+    gap: var(--half-pad);
   }
 }
 
@@ -145,7 +145,7 @@ nav a {
 @media(max-width: 800px) { /* Narrow layout */
   nav a {
     align-self: end; /* Shrink the tappable area to just around the text */
-    padding: var(--nav-a-pad) var(--pad);
+    padding: var(--nav-a-pad) var(--half-pad);
   }
 }
 
@@ -159,7 +159,7 @@ nav a:focus {
   display: flex;
   justify-content: space-between;
   gap: .5em;
-  margin: 0 0 var(--nav-a-pad);
+  margin: var(--nav-a-pad) 0 0;
   border-bottom: 5px solid var(--mid-green);
   color: white;
   text-decoration: none;
@@ -174,8 +174,8 @@ nav a:focus {
 
 @media(max-width: 800px) {
   #edit {
-    padding: .4em var(--pad) .3em;
-    border-bottom-width: 3px;
+    padding: .4em var(--half-pad) .3em;
+    border-bottom-width: 4px;
   }
 }
 
@@ -190,11 +190,6 @@ nav a:focus {
   }
 }
 
-@media(max-width: 350px) {
-  #edit img {
-    display: none;
-  }
-}
 
 aside {
   grid-area: aside;

diff --git a/build/layout.html b/build/layout.html
@@ -14,13 +14,13 @@
         <img alt="Future of Coding" width="300" height="300" src="/wiki.svg">
       </a>
       <nav>
+        <a href="/">Home</a>
+        <a href="/">Categories</a>
+        <a href="/">List of All Pages</a>
         <a id="edit" href="https://github.com/futureofcoding/wiki/edit/main/{{path}}">
           <span>Edit This Page</span>
           <img width="20" height="20" src="/edit.svg" alt="">
         </a>
-        <a href="/">Home</a>
-        <a href="/">Categories</a>
-        <a href="/">List of All Pages</a>
       </nav>
     </header>
 
@@ -29,14 +29,6 @@
     </article>
 
     <aside>
-      <section>
-        <h1>Contributors</h1>
-        <ul>
-          <li>Ivan Reese</li>
-          <li>Reealllllly Looooong Nameeeeeeeee</li>
-          <li>Third Person</li>
-        </ul>
-      </section>
       <section>
         <h1>Backlinks</h1>
         <ul>
@@ -45,6 +37,14 @@ <h1>Backlinks</h1>
           <li><a href="">title</a></li>
         </ul>
       </section>
+      <section>
+        <h1>Contributors</h1>
+        <ul>
+          <li>Ivan Reese</li>
+          <li>Reealllllly Looooong Nameeeeeeeee</li>
+          <li>Third Person</li>
+        </ul>
+      </section>
     </aside>
 
   </main>