From 18d949e7409cee111b762fc85e271cb7339b4f7f Mon Sep 17 00:00:00 2001
From: Bastien Dumont <bdumont@grandlyon.com>
Date: Fri, 10 Nov 2023 09:46:26 +0100
Subject: [PATCH] chore: fix fluid buttons styling
---
.../Consumption/FluidButtons/fluidButtons.scss | 16 ++++++----------
1 file changed, 6 insertions(+), 10 deletions(-)
diff --git a/src/components/Consumption/FluidButtons/fluidButtons.scss b/src/components/Consumption/FluidButtons/fluidButtons.scss
index a2fe1396e..fa69ea60a 100644
--- a/src/components/Consumption/FluidButtons/fluidButtons.scss
+++ b/src/components/Consumption/FluidButtons/fluidButtons.scss
@@ -2,7 +2,6 @@
@import 'src/styles/base/breakpoint';
.fluid-buttons {
- width: 100%;
background: $dark-light-2;
padding-top: 0.5rem;
box-shadow: inset 0px 4px 8px #000000;
@@ -10,7 +9,6 @@
display: flex;
align-items: center;
justify-content: space-evenly;
- padding: 0.6rem 0;
box-sizing: border-box;
width: 45.75rem;
margin: auto;
@@ -19,14 +17,12 @@
}
}
.fluid-button {
- cursor: pointer;
- min-width: 70px;
- margin: 0 0.3rem;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- position: relative;
+ min-width: 80px;
+ span {
+ display: flex;
+ flex-direction: column;
+ }
+
.fluid-title {
text-align: center;
color: $grey-dark;
--
GitLab