Skip to content
Snippets Groups Projects
Commit 18d949e7 authored by Bastien DUMONT's avatar Bastien DUMONT :angel:
Browse files

chore: fix fluid buttons styling

parent 79ea883a
No related branches found
No related tags found
1 merge request!10622.7 Release
Hide whitespace changes
Inline Side-by-side
src/components/Consumption/FluidButtons/fluidButtons.scss
+ 6
− 10
View file @ 18d949e7
...@@ -2,7 +2,6 @@ ...@@ -2,7 +2,6 @@
@import 'src/styles/base/breakpoint'; @import 'src/styles/base/breakpoint';
.fluid-buttons { .fluid-buttons {
width: 100%;
background: $dark-light-2; background: $dark-light-2;
padding-top: 0.5rem; padding-top: 0.5rem;
box-shadow: inset 0px 4px 8px #000000; box-shadow: inset 0px 4px 8px #000000;
...@@ -10,7 +9,6 @@ ...@@ -10,7 +9,6 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-evenly; justify-content: space-evenly;
padding: 0.6rem 0;
box-sizing: border-box; box-sizing: border-box;
width: 45.75rem; width: 45.75rem;
margin: auto; margin: auto;
...@@ -19,14 +17,12 @@ ...@@ -19,14 +17,12 @@
} }
} }
.fluid-button { .fluid-button {
cursor: pointer; min-width: 80px;
min-width: 70px; span {
margin: 0 0.3rem; display: flex;
display: flex; flex-direction: column;
flex-direction: column; }
justify-content: center;
align-items: center;
position: relative;
.fluid-title { .fluid-title {
text-align: center; text-align: center;
color: $grey-dark; color: $grey-dark;
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment