Commit compiled CSS

agaric/css/agaric.css

@@ -9869,6 +9869,10 @@ label.panel-block {
   font-size: 1em;
   font-weight: 700; }
 
+.more-about-label,
+.more-about-label:not(:last-child) {
+  margin-bottom: 0.666rem; }
+
 .content blockquote.is-blue,
 .content h1.is-blue,
 .content h2.is-blue,
@@ -10006,8 +10010,11 @@ hr, .titlebar-bigborder, .media.media-comment, .media.media-comment + .media.med
 .is-dark .select:not(.is-multiple)::after {
   border-color: currentColor; }
 
+.form-item {
+  margin-bottom: .6rem; }
+
 .form-label {
-  margin-top: 1em; }
+  margin-top: .6rem; }
 
 .content blockquote {
   border-left-width: 0;
@@ -10331,9 +10338,6 @@ hr, .titlebar-bigborder, .media.media-comment, .media.media-comment + .media.med
     margin-left: -8.5px;
     width: 28px; }
 
-.navbar .ion-search {
-  font-size: 1.25em; }
-
 @media screen and (max-width: 768px) {
   .navbar-menu {
     background-color: #0D1E34; } }
@@ -10427,6 +10431,25 @@ a.navbar-link:hover {
 .navbar-link .navbar-item.is-active::before, .navbar-item .navbar-item.is-active::before {
   display: none; }
 
+.navbar .ion-search {
+  font-size: 1.25em; }
+
+.navbar-search {
+  position: relative; }
+  .navbar-search .navbar-search-swap form {
+    position: absolute;
+    top: -100px;
+    transition-property: top;
+    transition-duration: 0.4s;
+    right: -0.5rem;
+    padding: 3.5rem 1rem 0.666rem 1rem;
+    background-color: #0D1E34; }
+  .navbar-search .navbar-search-swap:hover form,
+  .navbar-search .navbar-search-swap:focus form {
+    top: -3rem; }
+  .navbar-search .navbar-search-swap form .form-item .control .form-text.input {
+    width: 18rem; }
+
 @media screen and (min-width: 769px), print {
   .titlebar {
     display: flex;
@@ -10715,6 +10738,10 @@ a.teaser {
       height: auto;
       display: block; }
 
+.media-list .media,
+.media-list .media + .media {
+  margin-bottom: 32px; }
+
 .hero.is-light {
   background: #E4E5E7; }