stylesheet update

2 files changed, 13 insertions, 9 deletions

diff --git a/index.php b/index.php
index 2b47647..e1c058a 100755
--- a/index.php
+++ b/index.php
@@ -50,7 +50,7 @@ Terminal:     /dev/pts/1</pre>
       }
     ?></span><span style="font-size: .75em;">.observer</span></h1>
     <p>$ find ~ -type d</p>
-    <section class="dir">
+    <nav class="dir">
       <h2>net</h2>
       <a rel="me" class="subvert-color" href="https://www.subvert.fm/arthroplura">://subvert.fm</a>
       <a rel="me" class="bandcamp-color" href="https://arthroplura.bandcamp.com">://bandcamp</a>
@@ -65,7 +65,7 @@ Terminal:     /dev/pts/1</pre>
       <h2>inf</h2>
       <a href="credits">credits</a>
       <a href="license">license</a>
-    </section>
+    </nav>
     <?php
       if (isset($_GET["88x31"])) {
         echo("<p>$ imgcat ap_88x31.png</p><img src='images/ap_88x31.png' alt='arthroplura 88x31 button'><p>$</p>");
diff --git a/style.css b/style.css
index 0bc8e51..a293029 100755
--- a/style.css
+++ b/style.css
@@ -73,25 +73,29 @@ h1 {
 }
 
 .dir {
-  padding: 2rem;
+  padding: 2rem 0;
   width: fit-content;
   min-width: 40ch;
   max-width: 100%;
   box-sizing: border-box;
 }
-section.dir > *:first-child {
+.dir > *:first-child {
   margin-top: 0;
   padding-top: 0;
 }
-section.dir > *:last-child {
+.dir > *:last-child {
   margin-bottom: 0;
   padding-bottom: 0;
 }
-section.dir > a {
+.dir > * {
   display: block;
-  padding: 0.5rem;
+  padding: 0.5rem 2rem;
+  margin: 0;
+}
+.dir > a {
+  padding-left: 4rem;
 }
-:is(.dir, nav) {
+.dir, nav {
   border: var(--border);
   box-shadow: var(--boxshadow);
 }
@@ -99,7 +103,7 @@ section.dir > a {
 :is(.dir, nav):has(:focus) {
   border-image: var(--gradient) 2;
 }
-section {
+section, .dir {
   margin-bottom: 1rem;
 }