home page fixes; various issues fix

assets/src/assets/common.scss

@@ -65,3 +65,8 @@ section > .toolbar {
 h1, h2, h3, h4, h5, h6, .heading, .title, .subtitle {
     font-family: var(--heading-font-family);
 }
+
+
+.container:empty {
+    display: none;
+}

assets/src/assets/components.scss

@@ -15,7 +15,7 @@
     --preview-wide-content-sz: #{v.$text-size-bigger};
     --header-height: var(--preview-cover-size);
 
-    --a-carousel-pb: #{v.$text-size-medium};
+    --a-carousel-p: #{v.$text-size-medium};
     --a-carousel-gap: #{v.$mp-4};
     --a-carousel-nav-x: -#{v.$mp-3e};
 
@@ -179,7 +179,6 @@
 .preview {
     position: relative;
     background-size: cover;
-    margin-bottom: v.$mp-6 !important;
 
     &.preview-item {
         width: 100%;
@@ -293,7 +292,7 @@
         display: flex;
         flex-direction: row;
         padding-top: 0em;
-        margin-bottom: v.$mp-4 !important;
+        margin-bottom: v.$mp-2 !important;
 
         .title {
             flex-grow: 1;
@@ -414,7 +413,10 @@
 
 // ---- ---- Carousel
 .a-carousel {
-    padding-bottom: var(--a-carousel-pb);
+
+    .a-carousel-viewport {
+        padding: var(--a-carousel-p) 0;
+    }
 }
 
 .a-carousel-container {

assets/src/assets/public.scss

@@ -21,7 +21,7 @@
 
 
     section.container {
-        padding-top: v.$mp-6;
+        margin-top: v.$mp-3;
 
         > .title {
             margin-top: unset;
@@ -30,8 +30,8 @@
             border-bottom: 1px solid black;
         }
 
-        &:not(:first-child) {
-            margin-top: v.$mp-6;
+        &:not(:last-child) {
+            margin-bottom: v.$mp-3;
         }
     }
 }

assets/src/index.js

@@ -42,7 +42,7 @@ window.aircox = {
             playerLoader.enable(false)
             this.playerLoader = playerLoader
 
-            document.addEventListener("keypress", e => this.onKeyPress(e), false)
+            document.addEventListener("keyup", e => this.onKeyPress(e), false)
         }
 
         if(initApp) {
@@ -55,8 +55,10 @@ window.aircox = {
     },
 
     onKeyPress(event) {
-        if(event.key == " ")
+        if(event.key == " ") {
             this.player.togglePlay()
+            event.stopPropagation()
+        }
     },
 
     /**