Minor color tweaks

static/css/main.css

@@ -30,6 +30,7 @@ body {
   --accent-light: hsl(var(--accent), 75%);
   --bs-btn-active-color: var(--grau);
   --bs-btn-active-border-color: var(--grau);
+  --bs-btn-hover-bg: #f28705;
   --bs-link-color: #f28705;
   --top-bar: 98px;
   --bottom-bar: 5em;
@@ -73,9 +74,9 @@ body {
 }
 .side-menu .nav-link{
   color: black;
+  padding: 0.725rem 1rem;
 }
 .side-menu .nav-link:active, .side-menu .nav-link.active{
-  color: white;
   background-color: #f28705;
   font-weight: 700;
 }
@@ -220,6 +221,7 @@ article li:not(:first-of-type){
   margin-top: 2em;
   justify-content: end;
   display: flex;
+  gap: 1rem;
 }
 
 /* search filters */
@@ -375,10 +377,10 @@ footer a img{
     text-align: center;
   }
   .profile-options{
-    display:grid;
-    gap: 0 1rem;
+    display: grid;
+    gap: 0 .5rem;
 	  width: fit-content;
-	  margin: calc(var(--div-padding) / 2) auto 0;
+	  margin: calc(var(--div-padding) / 1.25) auto 0;
   }
 }
 @media (576px <= width <= 992px) {