drobná úprava vzhledu

css/style.css

@@ -1,4 +1,5 @@
-body, html {
+body,
+html {
   margin: 0;
   padding: 0;
   height: 100%;
@@ -8,6 +9,7 @@ nav {
   border-bottom: 2px solid #ccc;
   margin: 0;
   grid-area: nav;
+  padding: 0.3em 2em;
 }
 
 ul {
@@ -20,17 +22,21 @@ ul:nth-child(1) {
   padding: 1em 1em;
 }
 
+li:hover {
+    background-color: blue;
+}
+
 li::before {
-    content: '';
+  content: "";
   margin-right: 5pt;
   width: 1em;
   height: 1em;
   display: inline-block;
 }
 li[style]::before {
-    content: '';
+  content: "";
   display: inline-block;
-    background-image: url('../img/arrow-down.svg');
+  background-image: url("../img/arrow-down.svg");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
@@ -42,7 +48,7 @@ li[style]::before {
 .container {
   display: grid;
   grid-template-columns: max-content auto;
-    grid-template-rows: 3em auto auto;
+  grid-template-rows: max-content auto max-content;
   height: 100%;
   grid-template-areas:
     "nav nav"
@@ -66,5 +72,4 @@ footer {
   grid-area: footer;
   text-align: right;
   padding: 0.3em 2em;
-    
 }

index.php

@@ -14,7 +14,10 @@
     
 
     <div class="container">
-        <nav></nav>
+        <nav>
+            <button class="clone">Clone</button>
+            <button class="purge">Purge</button>
+        </nav>
         <aside>
             <ul>