Making nav a bit smoler

css/scss/_body.scss

@@ -93,6 +93,10 @@
         z-index: 9;
     }
 
+    &:active {
+        transform: scale(0.8) !important;
+    }
+
     &:after {
         content: "";
         display: block;
@@ -493,6 +497,7 @@
 
 .selectedImage {
     outline: $page-accent solid 0.3rem;
+    transform: scale(0.8) !important;
 }
 .group-name {
     margin: 0;

css/scss/_navigation.scss

@@ -11,7 +11,7 @@ nav {
     padding: 0.5rem;
 
     width: calc(100% - 1.4rem);
-    height: 2.5rem;
+    height: auto;
 
     position: sticky;
     z-index: 99;
@@ -56,6 +56,10 @@ nav {
     font-family: $font-body;
 
     width: auto;
+
+    a.btn {
+        padding: 0.2rem 0.5rem;
+    }
 }
 
 .nav-mobile {
@@ -77,6 +81,7 @@ nav {
         margin: 0;
 
         width: calc(100% - 1rem);
+        height: 2.5rem;
 
         position: fixed;
         top: auto;
@@ -100,6 +105,12 @@ nav {
         }
     }
 
+    .nav-links {
+        a.btn {
+            padding: 0.5rem;
+        }
+    }
+
     .nav-hide {
         display: none;
     }