Enhance footer social links styling for improved layout and accessibility
This commit updates the CSS styles for the footer's social links, ensuring a more consistent and user-friendly layout. Changes include adjustments to the display properties and margins of social link elements, enhancing their alignment and visual appeal. Additionally, the font size of the cookie management icon has been refined for better integration within the footer design.
This commit is contained in:
@ -174,6 +174,22 @@ if (isset($tabEvenement) && $tabEvenement['general']['eve_commanditaires'] == "1
|
||||
</div>
|
||||
<!-- /MSIN-3860 -->
|
||||
<style>
|
||||
footer .social {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
footer .social > a {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
margin: 10px 0 10px 5px;
|
||||
}
|
||||
|
||||
footer .social > a > i {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
footer .social a.cookie-manage-link {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
@ -184,13 +200,13 @@ if (isset($tabEvenement) && $tabEvenement['general']['eve_commanditaires'] == "1
|
||||
}
|
||||
|
||||
footer .social a.cookie-manage-link .cookie-manage-icon {
|
||||
font-size: 35px;
|
||||
font-size: 30px;
|
||||
line-height: 1;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
margin: 10px 0 10px 5px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user