diff options
author | Chocobozzz <me@florianbigard.com> | 2020-04-08 10:30:58 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2020-04-08 10:30:58 +0200 |
commit | 14f83c68f11da3435940504fa4000193fb4943be (patch) | |
tree | 7274e778bae4accec5e720c53c8ae7215ecbfd48 /client/src/app/menu/menu.component.scss | |
parent | 9870329f6946f5fbbec9860652cee6fb12fdc2aa (diff) | |
download | PeerTube-14f83c68f11da3435940504fa4000193fb4943be.tar.gz PeerTube-14f83c68f11da3435940504fa4000193fb4943be.tar.zst PeerTube-14f83c68f11da3435940504fa4000193fb4943be.zip |
Cleanup menu footer links
Diffstat (limited to 'client/src/app/menu/menu.component.scss')
-rw-r--r-- | client/src/app/menu/menu.component.scss | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss index a4b1ec000..9ae40493d 100644 --- a/client/src/app/menu/menu.component.scss +++ b/client/src/app/menu/menu.component.scss | |||
@@ -185,21 +185,21 @@ menu { | |||
185 | width: $menu-width; | 185 | width: $menu-width; |
186 | padding-bottom: 15px; | 186 | padding-bottom: 15px; |
187 | 187 | ||
188 | & > div:not(.panel-block) { | 188 | .bottom-links { |
189 | padding-left: $menu-lateral-padding; | 189 | display: flex; |
190 | padding-right: $menu-lateral-padding; | 190 | flex-direction: column; |
191 | row-gap: 1em; | 191 | padding: 0 $menu-lateral-padding; |
192 | } | 192 | } |
193 | 193 | ||
194 | $footer-links-base-opacity: .8; | 194 | $footer-links-base-opacity: .8; |
195 | 195 | ||
196 | .footer-links { | 196 | .footer-links { |
197 | display: inline-flex; | 197 | &, > div { |
198 | flex-wrap: wrap; | 198 | display: flex; |
199 | 199 | flex-wrap: wrap; | |
200 | & > a { | 200 | } |
201 | @include disable-default-a-behaviour; | ||
202 | 201 | ||
202 | a, span[role=button] { | ||
203 | display: inline-block; | 203 | display: inline-block; |
204 | text-decoration: none; | 204 | text-decoration: none; |
205 | color: var(--mainBackgroundColor); | 205 | color: var(--mainBackgroundColor); |
@@ -218,7 +218,7 @@ menu { | |||
218 | 218 | ||
219 | my-global-icon { | 219 | my-global-icon { |
220 | @include apply-svg-color(var(--mainBackgroundColor)); | 220 | @include apply-svg-color(var(--mainBackgroundColor)); |
221 | 221 | ||
222 | display: flex; | 222 | display: flex; |
223 | width: auto; | 223 | width: auto; |
224 | height: 90%; | 224 | height: 90%; |