From 46e7092cb750b275cb5ea8e1194fd97f506e6c44 Mon Sep 17 00:00:00 2001
From: sergiotarxz <sergiotarxz@posteo.net>
Date: Thu, 30 Nov 2023 11:33:00 +0100
Subject: [PATCH] Fixing desktop styling carousel.

---
 public/css/styles.css  | 12 ++++++------
 public/css/styles.scss | 17 +++++++++--------
 2 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/public/css/styles.css b/public/css/styles.css
index af73c61..e8e6de6 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -116,15 +116,15 @@ body {
   body div.carousel {
     position: fixed;
     top: 80%;
-    height: calc(20% - 6px);
-    width: calc(100% - 6px); }
+    height: 20%;
+    width: 100%; }
     body div.carousel a {
       position: fixed;
       top: 80%;
       border: solid 3px black;
-      width: calc(100%-6px);
+      width: calc(100% - 6px);
       height: calc(20% - 6px);
-      left: calc(100% + 3px);
+      left: 100%;
       transition: left 1s ease-in;
       font-size: 13px;
       background: #f2eb8c;
@@ -135,9 +135,9 @@ body {
       align-items: center;
       text-decoration: none; }
       body div.carousel a.show {
-        left: calc(0% + 3px); }
+        left: 0%; }
       body div.carousel a.remove {
-        left: calc(-100% - 3px); }
+        left: -100%; }
       body div.carousel a:hover, body div.carousel a:focus {
         background: blueviolet;
         color: #f2eb8c; }
diff --git a/public/css/styles.scss b/public/css/styles.scss
index 523a0d9..3f1afe1 100644
--- a/public/css/styles.scss
+++ b/public/css/styles.scss
@@ -174,22 +174,23 @@ body {
   div.carousel {
     position: fixed;
     top: 80%;
-    height: calc(20% - 6px);
-    width: calc(100% - 6px);
+    height: 20%;
+    width: 100%;
 
     a {
-        position: fixed;
-        top: 80%;
+      position: fixed;
+      top: 80%;
       border: solid 3px black;
-      width: calc(100%-6px);
+      width: calc(100% - 6px);
       height: calc(20% - 6px);
-      left: calc(100% + 3px);
+      left: 100%;
       transition: left 1s ease-in;
+
       &.show { 
-          left: calc(0% + 3px);
+          left: 0%;
       }
       &.remove {
-          left: calc(-100% - 3px);
+          left: -100%;
       }
       font-size: 13px;
       background: $color_div;