From 2dc7f04fcc09ebc77b19f305303cf1822faf7387 Mon Sep 17 00:00:00 2001
From: Luca Rullo <luca@audio-lab.org>
Date: Wed, 1 Nov 2023 02:04:11 +0100
Subject: [PATCH] Update: Layout

---
 inc/src/app/app.component.html | 2 +-
 inc/src/styles.scss            | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/inc/src/app/app.component.html b/inc/src/app/app.component.html
index 6027a71..43e0b32 100644
--- a/inc/src/app/app.component.html
+++ b/inc/src/app/app.component.html
@@ -34,7 +34,7 @@
 </section> -->
 <!-- end space -->
 
-<section id="podcasts" class="container middle" *ngFor="let n of news; let index;">
+<section id="podcasts" class="container middle podcasts" *ngFor="let n of news; let index;">
   <div class="content columns">
     <div class="col center">
       <div class="button big" [ngStyle]="{transform:'translateX('+n.random+'vw)'}">
diff --git a/inc/src/styles.scss b/inc/src/styles.scss
index 3495ada..492eeaa 100644
--- a/inc/src/styles.scss
+++ b/inc/src/styles.scss
@@ -18,14 +18,15 @@ section.container {
         width:32px;
         height:32px;
         position:absolute;
-        bottom:16px;
+        bottom:48px;
         left:calc( 50vw - 16px );
         transform:rotate(45deg);
-        border: 5px solid #000;
+        border: 5px solid #29296d;
         border-left:0;
         border-top:0;
         cursor:pointer;
     }
+    &.podcasts { overflow-x:hidden; }
     &.big { min-height:100vh;}
     &.middle { min-height: 50vh;}
     &.fixed {