more požadavky

static/main.css

@@ -104,10 +104,10 @@ canvas {
   padding-left: 8vw;
   padding-right: 8vw;
   width: 100%;
-  box-sizing: border-box;
   justify-content: space-between;
   flex-direction: row;
   align-items: baseline;
+  min-height: 3em;
 }
 .horizontal-menu a {
   text-decoration: underline;
@@ -117,7 +117,8 @@ canvas {
   transition: 0.2s;
 }
 .horizontal-menu a:hover {
-  color: var(--color-primary);
+  border: solid 2px var(--color-primary);
+  opacity: 1 !important;
 }
 .gay-hr {
   width: 10vw;

static/main.styl

@@ -102,10 +102,11 @@ body > canvas
 	padding-left: 8vw
 	padding-right: 8vw
 	width: 100%
-	box-sizing: border-box
+	//box-sizing: border-box
 	justify-content space-between
 	flex-direction row
 	align-items baseline
+	min-height: 3em;
 	& a
 		text-decoration underline
 		color: #000
@@ -113,7 +114,8 @@ body > canvas
 		cursor pointer
 		transition .2s
 		&:hover
-			color: var(--color-primary)
+			border: solid 2px var(--color-primary)
+			opacity: 1 !important
 
 .gay-hr
 	width: 10vw;

static/svg/plus.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill-rule="evenodd" d="M11.75 4.5a.75.75 0 01.75.75V11h5.75a.75.75 0 010 1.5H12.5v5.75a.75.75 0 01-1.5 0V12.5H5.25a.75.75 0 010-1.5H11V5.25a.75.75 0 01.75-.75z"></path></svg>